@amateescu/portal-ui-components 0.0.13-beta0 → 0.0.13-beta2

package/dist/UserInfoDropdown-B4K8MPdS.js

@@ -0,0 +1,3761 @@
+import { jsx as he, jsxs as Ft } from "react/jsx-runtime";
+import * as a from "react";
+import gt, { useRef as Ie, forwardRef as De, useImperativeHandle as ft, useContext as Ke, useState as Ze, useEffect as Te, createContext as qt } from "react";
+import Gt from "./utils/cn.js";
+import { a as Ee } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
+import { I as He, D as Yt, K as re, R as Ae, a1 as Ut, g as le, m as ae, s as ge, u as B, a2 as Kt, C as J, z as Zt, r as fe, y as Pe, c as M, k as Qt, b as Jt, _ as Qe, p as Le, q as vt, h as eo, t as ke, o as ve, a9 as to, j as oo, aa as no, v as ro, A as Je, ab as io, ac as et, i as bt, ad as ao, x as tt } from "./useId-D0OLY2mt.js";
+import { R as lo, T as so, c as co, M as uo, a as ye, u as mo, S as po, E as go, b as ht, d as fo, s as vo, e as bo, f as ho, g as $o, D as Co } from "./EllipsisOutlined-Cm0_b9Em.js";
+import { i as Be, C as $t, d as yo, u as Ve, e as se, z as Ct, g as wo, f as xo, h as So, j as Oo, B as ot } from "./PurePanel-CEtW2cn_.js";
+import './assets/UserInfoDropdown.css';const pe = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
+function Io(e, t) {
+  return pe.reduce((o, n) => {
+    const r = e[`${n}1`], l = e[`${n}3`], i = e[`${n}6`], c = e[`${n}7`];
+    return Object.assign(Object.assign({}, o), t(n, {
+      lightColor: r,
+      lightBorderColor: l,
+      darkColor: i,
+      textColor: c
+    }));
+  }, {});
+}
+var Eo = { 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" }, Po = function(t, o) {
+  return /* @__PURE__ */ a.createElement(He, Ee({}, t, {
+    ref: o,
+    icon: Eo
+  }));
+}, we = /* @__PURE__ */ a.forwardRef(Po);
+process.env.NODE_ENV !== "production" && (we.displayName = "RightOutlined");
+const Bo = (e) => ({
+  [e.componentCls]: {
+    // For common/openAnimation
+    [`${e.antCls}-motion-collapse-legacy`]: {
+      overflow: "hidden",
+      "&-active": {
+        transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
+      }
+    },
+    [`${e.antCls}-motion-collapse`]: {
+      overflow: "hidden",
+      transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
+    }
+  }
+}), No = new re("antMoveDownIn", {
+  "0%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), zo = new re("antMoveDownOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, 100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), jo = new re("antMoveLeftIn", {
+  "0%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), To = new re("antMoveLeftOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(-100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), _o = new re("antMoveRightIn", {
+  "0%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), Ro = new re("antMoveRightOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(100%, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), Mo = new re("antMoveUpIn", {
+  "0%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  },
+  "100%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  }
+}), Do = new re("antMoveUpOut", {
+  "0%": {
+    transform: "translate3d(0, 0, 0)",
+    transformOrigin: "0 0",
+    opacity: 1
+  },
+  "100%": {
+    transform: "translate3d(0, -100%, 0)",
+    transformOrigin: "0 0",
+    opacity: 0
+  }
+}), Ho = {
+  "move-up": {
+    inKeyframes: Mo,
+    outKeyframes: Do
+  },
+  "move-down": {
+    inKeyframes: No,
+    outKeyframes: zo
+  },
+  "move-left": {
+    inKeyframes: jo,
+    outKeyframes: To
+  },
+  "move-right": {
+    inKeyframes: _o,
+    outKeyframes: Ro
+  }
+}, nt = (e, t) => {
+  const {
+    antCls: o
+  } = e, n = `${o}-${t}`, {
+    inKeyframes: r,
+    outKeyframes: l
+  } = Ho[t];
+  return [Yt(n, r, l, e.motionDurationMid), {
+    [`
+        ${n}-enter,
+        ${n}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: e.motionEaseOutCirc
+    },
+    [`${n}-leave`]: {
+      animationTimingFunction: e.motionEaseInOutCirc
+    }
+  }];
+}, yt = ["xxl", "xl", "lg", "md", "sm", "xs"], Ao = (e) => ({
+  xs: `(max-width: ${e.screenXSMax}px)`,
+  sm: `(min-width: ${e.screenSM}px)`,
+  md: `(min-width: ${e.screenMD}px)`,
+  lg: `(min-width: ${e.screenLG}px)`,
+  xl: `(min-width: ${e.screenXL}px)`,
+  xxl: `(min-width: ${e.screenXXL}px)`
+}), Lo = (e) => {
+  const t = e, o = [].concat(yt).reverse();
+  return o.forEach((n, r) => {
+    const l = n.toUpperCase(), i = `screen${l}Min`, c = `screen${l}`;
+    if (!(t[i] <= t[c]))
+      throw new Error(`${i}<=${c} fails : !(${t[i]}<=${t[c]})`);
+    if (r < o.length - 1) {
+      const s = `screen${l}Max`;
+      if (!(t[c] <= t[s]))
+        throw new Error(`${c}<=${s} fails : !(${t[c]}<=${t[s]})`);
+      const u = `screen${o[r + 1].toUpperCase()}Min`;
+      if (!(t[s] <= t[u]))
+        throw new Error(`${s}<=${u} fails : !(${t[s]}<=${t[u]})`);
+    }
+  }), e;
+};
+function ko() {
+  const [, e] = Ae(), t = Ao(Lo(e));
+  return gt.useMemo(() => {
+    const o = /* @__PURE__ */ new Map();
+    let n = -1, r = {};
+    return {
+      matchHandlers: {},
+      dispatch(l) {
+        return r = l, o.forEach((i) => i(r)), o.size >= 1;
+      },
+      subscribe(l) {
+        return o.size || this.register(), n += 1, o.set(n, l), l(r), n;
+      },
+      unsubscribe(l) {
+        o.delete(l), o.size || this.unregister();
+      },
+      unregister() {
+        Object.keys(t).forEach((l) => {
+          const i = t[l], c = this.matchHandlers[i];
+          c == null || c.mql.removeListener(c == null ? void 0 : c.listener);
+        }), o.clear();
+      },
+      register() {
+        Object.keys(t).forEach((l) => {
+          const i = t[l], c = (d) => {
+            let {
+              matches: u
+            } = d;
+            this.dispatch(Object.assign(Object.assign({}, r), {
+              [l]: u
+            }));
+          }, s = window.matchMedia(i);
+          s.addListener(c), this.matchHandlers[i] = {
+            mql: s,
+            listener: c
+          }, c(s);
+        });
+      },
+      responsiveMap: t
+    };
+  }, [e]);
+}
+function Vo() {
+  const [, e] = a.useReducer((t) => t + 1, 0);
+  return e;
+}
+function Wo() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
+  const t = Ie({}), o = Vo(), n = ko();
+  return Ut(() => {
+    const r = n.subscribe((l) => {
+      t.current = l, e && o();
+    });
+    return () => n.unsubscribe(r);
+  }, []), t.current;
+}
+const Re = /* @__PURE__ */ a.createContext({}), Xo = (e) => {
+  const {
+    antCls: t,
+    componentCls: o,
+    iconCls: n,
+    avatarBg: r,
+    avatarColor: l,
+    containerSize: i,
+    containerSizeLG: c,
+    containerSizeSM: s,
+    textFontSize: d,
+    textFontSizeLG: u,
+    textFontSizeSM: p,
+    borderRadius: m,
+    borderRadiusLG: f,
+    borderRadiusSM: g,
+    lineWidth: v,
+    lineType: C
+  } = e, b = (w, x, y) => ({
+    width: w,
+    height: w,
+    borderRadius: "50%",
+    [`&${o}-square`]: {
+      borderRadius: y
+    },
+    [`&${o}-icon`]: {
+      fontSize: x,
+      [`> ${n}`]: {
+        margin: 0
+      }
+    }
+  });
+  return {
+    [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, ge(e)), {
+      position: "relative",
+      display: "inline-flex",
+      justifyContent: "center",
+      alignItems: "center",
+      overflow: "hidden",
+      color: l,
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      verticalAlign: "middle",
+      background: r,
+      border: `${B(v)} ${C} transparent`,
+      "&-image": {
+        background: "transparent"
+      },
+      [`${t}-image-img`]: {
+        display: "block"
+      }
+    }), b(i, d, m)), {
+      "&-lg": Object.assign({}, b(c, u, f)),
+      "&-sm": Object.assign({}, b(s, p, g)),
+      "> img": {
+        display: "block",
+        width: "100%",
+        height: "100%",
+        objectFit: "cover"
+      }
+    })
+  };
+}, Fo = (e) => {
+  const {
+    componentCls: t,
+    groupBorderColor: o,
+    groupOverlapping: n,
+    groupSpace: r
+  } = e;
+  return {
+    [`${t}-group`]: {
+      display: "inline-flex",
+      [t]: {
+        borderColor: o
+      },
+      "> *:not(:first-child)": {
+        marginInlineStart: n
+      }
+    },
+    [`${t}-group-popover`]: {
+      [`${t} + ${t}`]: {
+        marginInlineStart: r
+      }
+    }
+  };
+}, qo = (e) => {
+  const {
+    controlHeight: t,
+    controlHeightLG: o,
+    controlHeightSM: n,
+    fontSize: r,
+    fontSizeLG: l,
+    fontSizeXL: i,
+    fontSizeHeading3: c,
+    marginXS: s,
+    marginXXS: d,
+    colorBorderBg: u
+  } = e;
+  return {
+    containerSize: t,
+    containerSizeLG: o,
+    containerSizeSM: n,
+    textFontSize: Math.round((l + i) / 2),
+    textFontSizeLG: c,
+    textFontSizeSM: r,
+    groupSpace: d,
+    groupOverlapping: -s,
+    groupBorderColor: u
+  };
+}, wt = le("Avatar", (e) => {
+  const {
+    colorTextLightSolid: t,
+    colorTextPlaceholder: o
+  } = e, n = ae(e, {
+    avatarBg: o,
+    avatarColor: t
+  });
+  return [Xo(n), Fo(n)];
+}, qo);
+var Go = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const Yo = (e, t) => {
+  const [o, n] = a.useState(1), [r, l] = a.useState(!1), [i, c] = a.useState(!0), s = a.useRef(null), d = a.useRef(null), u = Kt(t, s), {
+    getPrefixCls: p,
+    avatar: m
+  } = a.useContext(J), f = a.useContext(Re), g = () => {
+    if (!d.current || !s.current)
+      return;
+    const A = d.current.offsetWidth, W = s.current.offsetWidth;
+    if (A !== 0 && W !== 0) {
+      const {
+        gap: U = 4
+      } = e;
+      U * 2 < W && n(W - U * 2 < A ? (W - U * 2) / A : 1);
+    }
+  };
+  a.useEffect(() => {
+    l(!0);
+  }, []), a.useEffect(() => {
+    c(!0), n(1);
+  }, [e.src]), a.useEffect(g, [e.gap]);
+  const v = () => {
+    const {
+      onError: A
+    } = e;
+    (A == null ? void 0 : A()) !== !1 && c(!1);
+  }, {
+    prefixCls: C,
+    shape: b,
+    size: w,
+    src: x,
+    srcSet: y,
+    icon: O,
+    className: j,
+    rootClassName: T,
+    alt: _,
+    draggable: h,
+    children: E,
+    crossOrigin: z
+  } = e, P = Go(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), I = Zt((A) => {
+    var W, U;
+    return (U = (W = w ?? (f == null ? void 0 : f.size)) !== null && W !== void 0 ? W : A) !== null && U !== void 0 ? U : "default";
+  }), $ = Object.keys(typeof I == "object" ? I || {} : {}).some((A) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(A)), D = Wo($), k = a.useMemo(() => {
+    if (typeof I != "object")
+      return {};
+    const A = yt.find((U) => D[U]), W = I[A];
+    return W ? {
+      width: W,
+      height: W,
+      fontSize: W && (O || E) ? W / 2 : 18
+    } : {};
+  }, [D, I]);
+  if (process.env.NODE_ENV !== "production") {
+    const A = fe("Avatar");
+    process.env.NODE_ENV !== "production" && A(!(typeof O == "string" && O.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${O}\` at https://ant.design/components/icon`);
+  }
+  const S = p("avatar", C), N = Pe(S), [R, V, Z] = wt(S, N), H = M({
+    [`${S}-lg`]: I === "large",
+    [`${S}-sm`]: I === "small"
+  }), X = /* @__PURE__ */ a.isValidElement(x), q = b || (f == null ? void 0 : f.shape) || "circle", Y = M(S, H, m == null ? void 0 : m.className, `${S}-${q}`, {
+    [`${S}-image`]: X || x && i,
+    [`${S}-icon`]: !!O
+  }, Z, N, j, T, V), F = typeof I == "number" ? {
+    width: I,
+    height: I,
+    fontSize: O ? I / 2 : 18
+  } : {};
+  let K;
+  if (typeof x == "string" && i)
+    K = /* @__PURE__ */ a.createElement("img", {
+      src: x,
+      draggable: h,
+      srcSet: y,
+      onError: v,
+      alt: _,
+      crossOrigin: z
+    });
+  else if (X)
+    K = x;
+  else if (O)
+    K = O;
+  else if (r || o !== 1) {
+    const A = `scale(${o})`, W = {
+      msTransform: A,
+      WebkitTransform: A,
+      transform: A
+    };
+    K = /* @__PURE__ */ a.createElement(lo, {
+      onResize: g
+    }, /* @__PURE__ */ a.createElement("span", {
+      className: `${S}-string`,
+      ref: d,
+      style: Object.assign({}, W)
+    }, E));
+  } else
+    K = /* @__PURE__ */ a.createElement("span", {
+      className: `${S}-string`,
+      style: {
+        opacity: 0
+      },
+      ref: d
+    }, E);
+  return delete P.onError, delete P.gap, R(/* @__PURE__ */ a.createElement("span", Object.assign({}, P, {
+    style: Object.assign(Object.assign(Object.assign(Object.assign({}, F), k), m == null ? void 0 : m.style), P.style),
+    className: Y,
+    ref: u
+  }), K));
+}, We = /* @__PURE__ */ a.forwardRef(Yo);
+process.env.NODE_ENV !== "production" && (We.displayName = "Avatar");
+const xe = (e) => e ? typeof e == "function" ? e() : e : null;
+function Xe(e) {
+  var t = e.children, o = e.prefixCls, n = e.id, r = e.overlayInnerStyle, l = e.className, i = e.style;
+  return /* @__PURE__ */ a.createElement("div", {
+    className: M("".concat(o, "-content"), l),
+    style: i
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: "".concat(o, "-inner"),
+    id: n,
+    role: "tooltip",
+    style: r
+  }, typeof t == "function" ? t() : t));
+}
+var ce = {
+  shiftX: 64,
+  adjustY: 1
+}, de = {
+  adjustX: 1,
+  shiftY: !0
+}, Q = [0, 0], Uo = {
+  left: {
+    points: ["cr", "cl"],
+    overflow: de,
+    offset: [-4, 0],
+    targetOffset: Q
+  },
+  right: {
+    points: ["cl", "cr"],
+    overflow: de,
+    offset: [4, 0],
+    targetOffset: Q
+  },
+  top: {
+    points: ["bc", "tc"],
+    overflow: ce,
+    offset: [0, -4],
+    targetOffset: Q
+  },
+  bottom: {
+    points: ["tc", "bc"],
+    overflow: ce,
+    offset: [0, 4],
+    targetOffset: Q
+  },
+  topLeft: {
+    points: ["bl", "tl"],
+    overflow: ce,
+    offset: [0, -4],
+    targetOffset: Q
+  },
+  leftTop: {
+    points: ["tr", "tl"],
+    overflow: de,
+    offset: [-4, 0],
+    targetOffset: Q
+  },
+  topRight: {
+    points: ["br", "tr"],
+    overflow: ce,
+    offset: [0, -4],
+    targetOffset: Q
+  },
+  rightTop: {
+    points: ["tl", "tr"],
+    overflow: de,
+    offset: [4, 0],
+    targetOffset: Q
+  },
+  bottomRight: {
+    points: ["tr", "br"],
+    overflow: ce,
+    offset: [0, 4],
+    targetOffset: Q
+  },
+  rightBottom: {
+    points: ["bl", "br"],
+    overflow: de,
+    offset: [4, 0],
+    targetOffset: Q
+  },
+  bottomLeft: {
+    points: ["tl", "bl"],
+    overflow: ce,
+    offset: [0, 4],
+    targetOffset: Q
+  },
+  leftBottom: {
+    points: ["br", "bl"],
+    overflow: de,
+    offset: [-4, 0],
+    targetOffset: Q
+  }
+}, Ko = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow"], Zo = function(t, o) {
+  var n = t.overlayClassName, r = t.trigger, l = r === void 0 ? ["hover"] : r, i = t.mouseEnterDelay, c = i === void 0 ? 0 : i, s = t.mouseLeaveDelay, d = s === void 0 ? 0.1 : s, u = t.overlayStyle, p = t.prefixCls, m = p === void 0 ? "rc-tooltip" : p, f = t.children, g = t.onVisibleChange, v = t.afterVisibleChange, C = t.transitionName, b = t.animation, w = t.motion, x = t.placement, y = x === void 0 ? "right" : x, O = t.align, j = O === void 0 ? {} : O, T = t.destroyTooltipOnHide, _ = T === void 0 ? !1 : T, h = t.defaultVisible, E = t.getTooltipContainer, z = t.overlayInnerStyle;
+  t.arrowContent;
+  var P = t.overlay, I = t.id, $ = t.showArrow, D = $ === void 0 ? !0 : $, k = Qt(t, Ko), S = Ie(null);
+  ft(o, function() {
+    return S.current;
+  });
+  var N = Jt({}, k);
+  "visible" in t && (N.popupVisible = t.visible);
+  var R = function() {
+    return /* @__PURE__ */ a.createElement(Xe, {
+      key: "content",
+      prefixCls: m,
+      id: I,
+      overlayInnerStyle: z
+    }, P);
+  };
+  return /* @__PURE__ */ a.createElement(so, Ee({
+    popupClassName: n,
+    prefixCls: m,
+    popup: R,
+    action: l,
+    builtinPlacements: Uo,
+    popupPlacement: y,
+    ref: S,
+    popupAlign: j,
+    getPopupContainer: E,
+    onPopupVisibleChange: g,
+    afterPopupVisibleChange: v,
+    popupTransitionName: C,
+    popupAnimation: b,
+    popupMotion: w,
+    defaultPopupVisible: h,
+    autoDestroy: _,
+    mouseLeaveDelay: d,
+    popupStyle: u,
+    mouseEnterDelay: c,
+    arrow: D
+  }, N), f);
+};
+const Qo = /* @__PURE__ */ De(Zo);
+function Fe(e) {
+  const {
+    sizePopupArrow: t,
+    borderRadiusXS: o,
+    borderRadiusOuter: n
+  } = e, r = t / 2, l = 0, i = r, c = n * 1 / Math.sqrt(2), s = r - n * (1 - 1 / Math.sqrt(2)), d = r - o * (1 / Math.sqrt(2)), u = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), p = 2 * r - d, m = u, f = 2 * r - c, g = s, v = 2 * r - l, C = i, b = r * Math.sqrt(2) + n * (Math.sqrt(2) - 2), w = n * (Math.sqrt(2) - 1), x = `polygon(${w}px 100%, 50% ${w}px, ${2 * r - w}px 100%, ${w}px 100%)`, y = `path('M ${l} ${i} A ${n} ${n} 0 0 0 ${c} ${s} L ${d} ${u} A ${o} ${o} 0 0 1 ${p} ${m} L ${f} ${g} A ${n} ${n} 0 0 0 ${v} ${C} Z')`;
+  return {
+    arrowShadowWidth: b,
+    arrowPath: y,
+    arrowPolygon: x
+  };
+}
+const Jo = (e, t, o) => {
+  const {
+    sizePopupArrow: n,
+    arrowPolygon: r,
+    arrowPath: l,
+    arrowShadowWidth: i,
+    borderRadiusXS: c,
+    calc: s
+  } = e;
+  return {
+    pointerEvents: "none",
+    width: n,
+    height: n,
+    overflow: "hidden",
+    "&::before": {
+      position: "absolute",
+      bottom: 0,
+      insetInlineStart: 0,
+      width: n,
+      height: s(n).div(2).equal(),
+      background: t,
+      clipPath: {
+        _multi_value_: !0,
+        value: [r, l]
+      },
+      content: '""'
+    },
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      width: i,
+      height: i,
+      bottom: 0,
+      insetInline: 0,
+      margin: "auto",
+      borderRadius: {
+        _skip_check_: !0,
+        value: `0 0 ${B(c)} 0`
+      },
+      transform: "translateY(50%) rotate(-135deg)",
+      boxShadow: o,
+      zIndex: 0,
+      background: "transparent"
+    }
+  };
+}, xt = 8;
+function Ne(e) {
+  const {
+    contentRadius: t,
+    limitVerticalRadius: o
+  } = e, n = t > 12 ? t + 2 : 12;
+  return {
+    arrowOffsetHorizontal: n,
+    arrowOffsetVertical: o ? xt : n
+  };
+}
+function $e(e, t) {
+  return e ? t : {};
+}
+function qe(e, t, o) {
+  const {
+    componentCls: n,
+    boxShadowPopoverArrow: r,
+    arrowOffsetVertical: l,
+    arrowOffsetHorizontal: i
+  } = e, {
+    arrowDistance: c = 0,
+    arrowPlacement: s = {
+      left: !0,
+      right: !0,
+      top: !0,
+      bottom: !0
+    }
+  } = o || {};
+  return {
+    [n]: Object.assign(Object.assign(Object.assign(Object.assign({
+      // ============================ Basic ============================
+      [`${n}-arrow`]: [Object.assign(Object.assign({
+        position: "absolute",
+        zIndex: 1,
+        display: "block"
+      }, Jo(e, t, r)), {
+        "&:before": {
+          background: t
+        }
+      })]
+    }, $e(!!s.top, {
+      [[`&-placement-top > ${n}-arrow`, `&-placement-topLeft > ${n}-arrow`, `&-placement-topRight > ${n}-arrow`].join(",")]: {
+        bottom: c,
+        transform: "translateY(100%) rotate(180deg)"
+      },
+      [`&-placement-top > ${n}-arrow`]: {
+        left: {
+          _skip_check_: !0,
+          value: "50%"
+        },
+        transform: "translateX(-50%) translateY(100%) rotate(180deg)"
+      },
+      "&-placement-topLeft": {
+        "--arrow-offset-horizontal": i,
+        [`> ${n}-arrow`]: {
+          left: {
+            _skip_check_: !0,
+            value: i
+          }
+        }
+      },
+      "&-placement-topRight": {
+        "--arrow-offset-horizontal": `calc(100% - ${B(i)})`,
+        [`> ${n}-arrow`]: {
+          right: {
+            _skip_check_: !0,
+            value: i
+          }
+        }
+      }
+    })), $e(!!s.bottom, {
+      [[`&-placement-bottom > ${n}-arrow`, `&-placement-bottomLeft > ${n}-arrow`, `&-placement-bottomRight > ${n}-arrow`].join(",")]: {
+        top: c,
+        transform: "translateY(-100%)"
+      },
+      [`&-placement-bottom > ${n}-arrow`]: {
+        left: {
+          _skip_check_: !0,
+          value: "50%"
+        },
+        transform: "translateX(-50%) translateY(-100%)"
+      },
+      "&-placement-bottomLeft": {
+        "--arrow-offset-horizontal": i,
+        [`> ${n}-arrow`]: {
+          left: {
+            _skip_check_: !0,
+            value: i
+          }
+        }
+      },
+      "&-placement-bottomRight": {
+        "--arrow-offset-horizontal": `calc(100% - ${B(i)})`,
+        [`> ${n}-arrow`]: {
+          right: {
+            _skip_check_: !0,
+            value: i
+          }
+        }
+      }
+    })), $e(!!s.left, {
+      [[`&-placement-left > ${n}-arrow`, `&-placement-leftTop > ${n}-arrow`, `&-placement-leftBottom > ${n}-arrow`].join(",")]: {
+        right: {
+          _skip_check_: !0,
+          value: c
+        },
+        transform: "translateX(100%) rotate(90deg)"
+      },
+      [`&-placement-left > ${n}-arrow`]: {
+        top: {
+          _skip_check_: !0,
+          value: "50%"
+        },
+        transform: "translateY(-50%) translateX(100%) rotate(90deg)"
+      },
+      [`&-placement-leftTop > ${n}-arrow`]: {
+        top: l
+      },
+      [`&-placement-leftBottom > ${n}-arrow`]: {
+        bottom: l
+      }
+    })), $e(!!s.right, {
+      [[`&-placement-right > ${n}-arrow`, `&-placement-rightTop > ${n}-arrow`, `&-placement-rightBottom > ${n}-arrow`].join(",")]: {
+        left: {
+          _skip_check_: !0,
+          value: c
+        },
+        transform: "translateX(-100%) rotate(-90deg)"
+      },
+      [`&-placement-right > ${n}-arrow`]: {
+        top: {
+          _skip_check_: !0,
+          value: "50%"
+        },
+        transform: "translateY(-50%) translateX(-100%) rotate(-90deg)"
+      },
+      [`&-placement-rightTop > ${n}-arrow`]: {
+        top: l
+      },
+      [`&-placement-rightBottom > ${n}-arrow`]: {
+        bottom: l
+      }
+    }))
+  };
+}
+function en(e, t, o, n) {
+  if (n === !1)
+    return {
+      adjustX: !1,
+      adjustY: !1
+    };
+  const r = n && typeof n == "object" ? n : {}, l = {};
+  switch (e) {
+    case "top":
+    case "bottom":
+      l.shiftX = t.arrowOffsetHorizontal * 2 + o, l.shiftY = !0, l.adjustY = !0;
+      break;
+    case "left":
+    case "right":
+      l.shiftY = t.arrowOffsetVertical * 2 + o, l.shiftX = !0, l.adjustX = !0;
+      break;
+  }
+  const i = Object.assign(Object.assign({}, l), r);
+  return i.shiftX || (i.adjustX = !0), i.shiftY || (i.adjustY = !0), i;
+}
+const rt = {
+  left: {
+    points: ["cr", "cl"]
+  },
+  right: {
+    points: ["cl", "cr"]
+  },
+  top: {
+    points: ["bc", "tc"]
+  },
+  bottom: {
+    points: ["tc", "bc"]
+  },
+  topLeft: {
+    points: ["bl", "tl"]
+  },
+  leftTop: {
+    points: ["tr", "tl"]
+  },
+  topRight: {
+    points: ["br", "tr"]
+  },
+  rightTop: {
+    points: ["tl", "tr"]
+  },
+  bottomRight: {
+    points: ["tr", "br"]
+  },
+  rightBottom: {
+    points: ["bl", "br"]
+  },
+  bottomLeft: {
+    points: ["tl", "bl"]
+  },
+  leftBottom: {
+    points: ["br", "bl"]
+  }
+}, tn = {
+  topLeft: {
+    points: ["bl", "tc"]
+  },
+  leftTop: {
+    points: ["tr", "cl"]
+  },
+  topRight: {
+    points: ["br", "tc"]
+  },
+  rightTop: {
+    points: ["tl", "cr"]
+  },
+  bottomRight: {
+    points: ["tr", "bc"]
+  },
+  rightBottom: {
+    points: ["bl", "cr"]
+  },
+  bottomLeft: {
+    points: ["tl", "bc"]
+  },
+  leftBottom: {
+    points: ["br", "cl"]
+  }
+}, on = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
+function St(e) {
+  const {
+    arrowWidth: t,
+    autoAdjustOverflow: o,
+    arrowPointAtCenter: n,
+    offset: r,
+    borderRadius: l,
+    visibleFirst: i
+  } = e, c = t / 2, s = {};
+  return Object.keys(rt).forEach((d) => {
+    const u = n && tn[d] || rt[d], p = Object.assign(Object.assign({}, u), {
+      offset: [0, 0],
+      dynamicInset: !0
+    });
+    switch (s[d] = p, on.has(d) && (p.autoArrow = !1), d) {
+      case "top":
+      case "topLeft":
+      case "topRight":
+        p.offset[1] = -c - r;
+        break;
+      case "bottom":
+      case "bottomLeft":
+      case "bottomRight":
+        p.offset[1] = c + r;
+        break;
+      case "left":
+      case "leftTop":
+      case "leftBottom":
+        p.offset[0] = -c - r;
+        break;
+      case "right":
+      case "rightTop":
+      case "rightBottom":
+        p.offset[0] = c + r;
+        break;
+    }
+    const m = Ne({
+      contentRadius: l,
+      limitVerticalRadius: !0
+    });
+    if (n)
+      switch (d) {
+        case "topLeft":
+        case "bottomLeft":
+          p.offset[0] = -m.arrowOffsetHorizontal - c;
+          break;
+        case "topRight":
+        case "bottomRight":
+          p.offset[0] = m.arrowOffsetHorizontal + c;
+          break;
+        case "leftTop":
+        case "rightTop":
+          p.offset[1] = -m.arrowOffsetHorizontal * 2 + c;
+          break;
+        case "leftBottom":
+        case "rightBottom":
+          p.offset[1] = m.arrowOffsetHorizontal * 2 - c;
+          break;
+      }
+    p.overflow = en(d, m, t, o), i && (p.htmlRegion = "visibleFirst");
+  }), s;
+}
+const nn = (e) => {
+  const {
+    componentCls: t,
+    // ant-tooltip
+    tooltipMaxWidth: o,
+    tooltipColor: n,
+    tooltipBg: r,
+    tooltipBorderRadius: l,
+    zIndexPopup: i,
+    controlHeight: c,
+    boxShadowSecondary: s,
+    paddingSM: d,
+    paddingXS: u
+  } = e;
+  return [
+    {
+      [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, ge(e)), {
+        position: "absolute",
+        zIndex: i,
+        display: "block",
+        width: "max-content",
+        maxWidth: o,
+        visibility: "visible",
+        // When use `autoArrow`, origin will follow the arrow position
+        "--valid-offset-x": "var(--arrow-offset-horizontal, var(--arrow-x))",
+        transformOrigin: ["var(--valid-offset-x, 50%)", "var(--arrow-y, 50%)"].join(" "),
+        "&-hidden": {
+          display: "none"
+        },
+        "--antd-arrow-background-color": r,
+        // Wrapper for the tooltip content
+        [`${t}-inner`]: {
+          minWidth: "1em",
+          minHeight: c,
+          padding: `${B(e.calc(d).div(2).equal())} ${B(u)}`,
+          color: n,
+          textAlign: "start",
+          textDecoration: "none",
+          wordWrap: "break-word",
+          backgroundColor: r,
+          borderRadius: l,
+          boxShadow: s,
+          boxSizing: "border-box"
+        },
+        // Limit left and right placement radius
+        [["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(",")]: {
+          [`${t}-inner`]: {
+            borderRadius: e.min(l, xt)
+          }
+        },
+        [`${t}-content`]: {
+          position: "relative"
+        }
+      }), Io(e, (p, m) => {
+        let {
+          darkColor: f
+        } = m;
+        return {
+          [`&${t}-${p}`]: {
+            [`${t}-inner`]: {
+              backgroundColor: f
+            },
+            [`${t}-arrow`]: {
+              "--antd-arrow-background-color": f
+            }
+          }
+        };
+      })), {
+        // RTL
+        "&-rtl": {
+          direction: "rtl"
+        }
+      })
+    },
+    // Arrow Style
+    qe(e, "var(--antd-arrow-background-color)"),
+    // Pure Render
+    {
+      [`${t}-pure`]: {
+        position: "relative",
+        maxWidth: "none",
+        margin: e.sizePopupArrow
+      }
+    }
+  ];
+}, rn = (e) => Object.assign(Object.assign({
+  zIndexPopup: e.zIndexPopupBase + 70
+}, Ne({
+  contentRadius: e.borderRadius,
+  limitVerticalRadius: !0
+})), Fe(ae(e, {
+  borderRadiusOuter: Math.min(e.borderRadiusOuter, 4)
+}))), Ot = function(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+  return le("Tooltip", (n) => {
+    const {
+      borderRadius: r,
+      colorTextLightSolid: l,
+      colorBgSpotlight: i
+    } = n, c = ae(n, {
+      // default variables
+      tooltipMaxWidth: 250,
+      tooltipColor: l,
+      tooltipBorderRadius: r,
+      tooltipBg: i
+    });
+    return [nn(c), Be(n, "zoom-big-fast")];
+  }, rn, {
+    resetStyle: !1,
+    // Popover use Tooltip as internal component. We do not need to handle this.
+    injectStyle: t
+  })(e);
+}, an = pe.map((e) => `${e}-inverse`);
+function ln(e) {
+  return (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0) ? [].concat(Qe(an), Qe(pe)).includes(e) : pe.includes(e);
+}
+function It(e, t) {
+  const o = ln(t), n = M({
+    [`${e}-${t}`]: t && o
+  }), r = {}, l = {};
+  return t && !o && (r.background = t, l["--antd-arrow-background-color"] = t), {
+    className: n,
+    overlayStyle: r,
+    arrowStyle: l
+  };
+}
+const sn = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    placement: n = "top",
+    title: r,
+    color: l,
+    overlayInnerStyle: i
+  } = e, {
+    getPrefixCls: c
+  } = a.useContext(J), s = c("tooltip", t), [d, u, p] = Ot(s), m = It(s, l), f = m.arrowStyle, g = Object.assign(Object.assign({}, i), m.overlayStyle), v = M(u, p, s, `${s}-pure`, `${s}-placement-${n}`, o, m.className);
+  return d(/* @__PURE__ */ a.createElement("div", {
+    className: v,
+    style: f
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: `${s}-arrow`
+  }), /* @__PURE__ */ a.createElement(Xe, Object.assign({}, e, {
+    className: u,
+    prefixCls: s,
+    overlayInnerStyle: g
+  }), r)));
+};
+var cn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const dn = /* @__PURE__ */ a.forwardRef((e, t) => {
+  var o, n;
+  const {
+    prefixCls: r,
+    openClassName: l,
+    getTooltipContainer: i,
+    overlayClassName: c,
+    color: s,
+    overlayInnerStyle: d,
+    children: u,
+    afterOpenChange: p,
+    afterVisibleChange: m,
+    destroyTooltipOnHide: f,
+    arrow: g = !0,
+    title: v,
+    overlay: C,
+    builtinPlacements: b,
+    arrowPointAtCenter: w = !1,
+    autoAdjustOverflow: x = !0
+  } = e, y = !!g, [, O] = Ae(), {
+    getPopupContainer: j,
+    getPrefixCls: T,
+    direction: _
+  } = a.useContext(J), h = fe("Tooltip"), E = a.useRef(null), z = () => {
+    var G;
+    (G = E.current) === null || G === void 0 || G.forceAlign();
+  };
+  a.useImperativeHandle(t, () => {
+    var G;
+    return {
+      forceAlign: z,
+      forcePopupAlign: () => {
+        h.deprecated(!1, "forcePopupAlign", "forceAlign"), z();
+      },
+      nativeElement: (G = E.current) === null || G === void 0 ? void 0 : G.nativeElement
+    };
+  }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"]].forEach((G) => {
+    let [te, ne] = G;
+    h.deprecated(!(te in e), te, ne);
+  }), process.env.NODE_ENV !== "production" && h(!f || typeof f == "boolean", "usage", "`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly."), process.env.NODE_ENV !== "production" && h(!g || typeof g == "boolean" || !("arrowPointAtCenter" in g), "deprecated", "`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead."));
+  const [P, I] = Le(!1, {
+    value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
+    defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
+  }), $ = !v && !C && v !== 0, D = (G) => {
+    var te, ne;
+    I($ ? !1 : G), $ || ((te = e.onOpenChange) === null || te === void 0 || te.call(e, G), (ne = e.onVisibleChange) === null || ne === void 0 || ne.call(e, G));
+  }, k = a.useMemo(() => {
+    var G, te;
+    let ne = w;
+    return typeof g == "object" && (ne = (te = (G = g.pointAtCenter) !== null && G !== void 0 ? G : g.arrowPointAtCenter) !== null && te !== void 0 ? te : w), b || St({
+      arrowPointAtCenter: ne,
+      autoAdjustOverflow: x,
+      arrowWidth: y ? O.sizePopupArrow : 0,
+      borderRadius: O.borderRadius,
+      offset: O.marginXXS,
+      visibleFirst: !0
+    });
+  }, [w, g, b, O]), S = a.useMemo(() => v === 0 ? v : C || v || "", [C, v]), N = /* @__PURE__ */ a.createElement($t, {
+    space: !0
+  }, typeof S == "function" ? S() : S), {
+    getPopupContainer: R,
+    placement: V = "top",
+    mouseEnterDelay: Z = 0.1,
+    mouseLeaveDelay: H = 0.1,
+    overlayStyle: X,
+    rootClassName: q
+  } = e, Y = cn(e, ["getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName"]), F = T("tooltip", r), K = T(), A = e["data-popover-inject"];
+  let W = P;
+  !("open" in e) && !("visible" in e) && $ && (W = !1);
+  const U = /* @__PURE__ */ a.isValidElement(u) && !yo(u) ? u : /* @__PURE__ */ a.createElement("span", null, u), ie = U.props, je = !ie.className || typeof ie.className == "string" ? M(ie.className, l || `${F}-open`) : ie.className, [me, L, oe] = Ot(F, !A), ee = It(F, s), At = ee.arrowStyle, Lt = Object.assign(Object.assign({}, d), ee.overlayStyle), kt = M(c, {
+    [`${F}-rtl`]: _ === "rtl"
+  }, ee.className, q, L, oe), [Vt, Wt] = Ve("Tooltip", Y.zIndex), Xt = /* @__PURE__ */ a.createElement(Qo, Object.assign({}, Y, {
+    zIndex: Vt,
+    showArrow: y,
+    placement: V,
+    mouseEnterDelay: Z,
+    mouseLeaveDelay: H,
+    prefixCls: F,
+    overlayClassName: kt,
+    overlayStyle: Object.assign(Object.assign({}, At), X),
+    getTooltipContainer: R || i || j,
+    ref: E,
+    builtinPlacements: k,
+    overlay: N,
+    visible: W,
+    onVisibleChange: D,
+    afterVisibleChange: p ?? m,
+    overlayInnerStyle: Lt,
+    arrowContent: /* @__PURE__ */ a.createElement("span", {
+      className: `${F}-arrow-content`
+    }),
+    motion: {
+      motionName: vt(K, "zoom-big-fast", e.transitionName),
+      motionDeadline: 1e3
+    },
+    destroyTooltipOnHide: !!f
+  }), W ? se(U, {
+    className: je
+  }) : U);
+  return me(/* @__PURE__ */ a.createElement(Ct.Provider, {
+    value: Wt
+  }, Xt));
+}), ze = dn;
+process.env.NODE_ENV !== "production" && (ze.displayName = "Tooltip");
+ze._InternalPanelDoNotUseOrYouWillBeFired = sn;
+const un = (e) => {
+  const {
+    componentCls: t,
+    popoverColor: o,
+    titleMinWidth: n,
+    fontWeightStrong: r,
+    innerPadding: l,
+    boxShadowSecondary: i,
+    colorTextHeading: c,
+    borderRadiusLG: s,
+    zIndexPopup: d,
+    titleMarginBottom: u,
+    colorBgElevated: p,
+    popoverBg: m,
+    titleBorderBottom: f,
+    innerContentPadding: g,
+    titlePadding: v
+  } = e;
+  return [
+    {
+      [t]: Object.assign(Object.assign({}, ge(e)), {
+        position: "absolute",
+        top: 0,
+        // use `left` to fix https://github.com/ant-design/ant-design/issues/39195
+        left: {
+          _skip_check_: !0,
+          value: 0
+        },
+        zIndex: d,
+        fontWeight: "normal",
+        whiteSpace: "normal",
+        textAlign: "start",
+        cursor: "auto",
+        userSelect: "text",
+        // When use `autoArrow`, origin will follow the arrow position
+        "--valid-offset-x": "var(--arrow-offset-horizontal, var(--arrow-x))",
+        transformOrigin: ["var(--valid-offset-x, 50%)", "var(--arrow-y, 50%)"].join(" "),
+        "--antd-arrow-background-color": p,
+        width: "max-content",
+        maxWidth: "100vw",
+        "&-rtl": {
+          direction: "rtl"
+        },
+        "&-hidden": {
+          display: "none"
+        },
+        [`${t}-content`]: {
+          position: "relative"
+        },
+        [`${t}-inner`]: {
+          backgroundColor: m,
+          backgroundClip: "padding-box",
+          borderRadius: s,
+          boxShadow: i,
+          padding: l
+        },
+        [`${t}-title`]: {
+          minWidth: n,
+          marginBottom: u,
+          color: c,
+          fontWeight: r,
+          borderBottom: f,
+          padding: v
+        },
+        [`${t}-inner-content`]: {
+          color: o,
+          padding: g
+        }
+      })
+    },
+    // Arrow Style
+    qe(e, "var(--antd-arrow-background-color)"),
+    // Pure Render
+    {
+      [`${t}-pure`]: {
+        position: "relative",
+        maxWidth: "none",
+        margin: e.sizePopupArrow,
+        display: "inline-block",
+        [`${t}-content`]: {
+          display: "inline-block"
+        }
+      }
+    }
+  ];
+}, mn = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [t]: pe.map((o) => {
+      const n = e[`${o}6`];
+      return {
+        [`&${t}-${o}`]: {
+          "--antd-arrow-background-color": n,
+          [`${t}-inner`]: {
+            backgroundColor: n
+          },
+          [`${t}-arrow`]: {
+            background: "transparent"
+          }
+        }
+      };
+    })
+  };
+}, pn = (e) => {
+  const {
+    lineWidth: t,
+    controlHeight: o,
+    fontHeight: n,
+    padding: r,
+    wireframe: l,
+    zIndexPopupBase: i,
+    borderRadiusLG: c,
+    marginXS: s,
+    lineType: d,
+    colorSplit: u,
+    paddingSM: p
+  } = e, m = o - n, f = m / 2, g = m / 2 - t, v = r;
+  return Object.assign(Object.assign(Object.assign({
+    titleMinWidth: 177,
+    zIndexPopup: i + 30
+  }, Fe(e)), Ne({
+    contentRadius: c,
+    limitVerticalRadius: !0
+  })), {
+    // internal
+    innerPadding: l ? 0 : 12,
+    titleMarginBottom: l ? 0 : s,
+    titlePadding: l ? `${f}px ${v}px ${g}px` : 0,
+    titleBorderBottom: l ? `${t}px ${d} ${u}` : "none",
+    innerContentPadding: l ? `${p}px ${v}px` : 0
+  });
+}, Et = le("Popover", (e) => {
+  const {
+    colorBgElevated: t,
+    colorText: o
+  } = e, n = ae(e, {
+    popoverBg: t,
+    popoverColor: o
+  });
+  return [un(n), mn(n), Be(n, "zoom-big")];
+}, pn, {
+  resetStyle: !1,
+  deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
+});
+var gn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const Pt = (e) => {
+  let {
+    title: t,
+    content: o,
+    prefixCls: n
+  } = e;
+  return !t && !o ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, t && /* @__PURE__ */ a.createElement("div", {
+    className: `${n}-title`
+  }, t), o && /* @__PURE__ */ a.createElement("div", {
+    className: `${n}-inner-content`
+  }, o));
+}, fn = (e) => {
+  const {
+    hashId: t,
+    prefixCls: o,
+    className: n,
+    style: r,
+    placement: l = "top",
+    title: i,
+    content: c,
+    children: s
+  } = e, d = xe(i), u = xe(c), p = M(t, o, `${o}-pure`, `${o}-placement-${l}`, n);
+  return /* @__PURE__ */ a.createElement("div", {
+    className: p,
+    style: r
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: `${o}-arrow`
+  }), /* @__PURE__ */ a.createElement(Xe, Object.assign({}, e, {
+    className: t,
+    prefixCls: o
+  }), s || /* @__PURE__ */ a.createElement(Pt, {
+    prefixCls: o,
+    title: d,
+    content: u
+  })));
+}, vn = (e) => {
+  const {
+    prefixCls: t,
+    className: o
+  } = e, n = gn(e, ["prefixCls", "className"]), {
+    getPrefixCls: r
+  } = a.useContext(J), l = r("popover", t), [i, c, s] = Et(l);
+  return i(/* @__PURE__ */ a.createElement(fn, Object.assign({}, n, {
+    prefixCls: l,
+    hashId: c,
+    className: M(o, s)
+  })));
+};
+var bn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const hn = /* @__PURE__ */ a.forwardRef((e, t) => {
+  var o, n;
+  const {
+    prefixCls: r,
+    title: l,
+    content: i,
+    overlayClassName: c,
+    placement: s = "top",
+    trigger: d = "hover",
+    children: u,
+    mouseEnterDelay: p = 0.1,
+    mouseLeaveDelay: m = 0.1,
+    onOpenChange: f,
+    overlayStyle: g = {}
+  } = e, v = bn(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle"]), {
+    getPrefixCls: C
+  } = a.useContext(J), b = C("popover", r), [w, x, y] = Et(b), O = C(), j = M(c, x, y), [T, _] = Le(!1, {
+    value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
+    defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
+  }), h = ($, D) => {
+    _($, !0), f == null || f($, D);
+  }, E = ($) => {
+    $.keyCode === eo.ESC && h(!1, $);
+  }, z = ($) => {
+    h($);
+  }, P = xe(l), I = xe(i);
+  return w(/* @__PURE__ */ a.createElement(ze, Object.assign({
+    placement: s,
+    trigger: d,
+    mouseEnterDelay: p,
+    mouseLeaveDelay: m,
+    overlayStyle: g
+  }, v, {
+    prefixCls: b,
+    overlayClassName: j,
+    ref: t,
+    open: T,
+    onOpenChange: z,
+    overlay: P || I ? /* @__PURE__ */ a.createElement(Pt, {
+      prefixCls: b,
+      title: P,
+      content: I
+    }) : null,
+    transitionName: vt(O, "zoom-big", v.transitionName),
+    "data-popover-inject": !0
+  }), se(u, {
+    onKeyDown: ($) => {
+      var D, k;
+      /* @__PURE__ */ a.isValidElement(u) && ((k = u == null ? void 0 : (D = u.props).onKeyDown) === null || k === void 0 || k.call(D, $)), E($);
+    }
+  })));
+}), Ge = hn;
+Ge._InternalPanelDoNotUseOrYouWillBeFired = vn;
+process.env.NODE_ENV !== "production" && (Ge.displayName = "Popover");
+const it = (e) => {
+  const {
+    size: t,
+    shape: o
+  } = a.useContext(Re), n = a.useMemo(() => ({
+    size: e.size || t,
+    shape: e.shape || o
+  }), [e.size, e.shape, t, o]);
+  return /* @__PURE__ */ a.createElement(Re.Provider, {
+    value: n
+  }, e.children);
+}, $n = (e) => {
+  var t, o, n;
+  const {
+    getPrefixCls: r,
+    direction: l
+  } = a.useContext(J), {
+    prefixCls: i,
+    className: c,
+    rootClassName: s,
+    style: d,
+    maxCount: u,
+    maxStyle: p,
+    size: m,
+    shape: f,
+    maxPopoverPlacement: g,
+    maxPopoverTrigger: v,
+    children: C,
+    max: b
+  } = e;
+  if (process.env.NODE_ENV !== "production") {
+    const P = fe("Avatar.Group");
+    P.deprecated(!u, "maxCount", "max={{ count: number }}"), P.deprecated(!p, "maxStyle", "max={{ style: CSSProperties }}"), P.deprecated(!g, "maxPopoverPlacement", "max={{ popover: PopoverProps }}"), P.deprecated(!v, "maxPopoverTrigger", "max={{ popover: PopoverProps }}");
+  }
+  const w = r("avatar", i), x = `${w}-group`, y = Pe(w), [O, j, T] = wt(w, y), _ = M(x, {
+    [`${x}-rtl`]: l === "rtl"
+  }, T, y, c, s, j), h = ke(C).map((P, I) => se(P, {
+    key: `avatar-key-${I}`
+  })), E = (b == null ? void 0 : b.count) || u, z = h.length;
+  if (E && E < z) {
+    const P = h.slice(0, E), I = h.slice(E, z), $ = (b == null ? void 0 : b.style) || p, D = ((t = b == null ? void 0 : b.popover) === null || t === void 0 ? void 0 : t.trigger) || v || "hover", k = ((o = b == null ? void 0 : b.popover) === null || o === void 0 ? void 0 : o.placement) || g || "top", S = Object.assign(Object.assign({
+      content: I
+    }, b == null ? void 0 : b.popover), {
+      overlayClassName: M(`${x}-popover`, (n = b == null ? void 0 : b.popover) === null || n === void 0 ? void 0 : n.overlayClassName),
+      placement: k,
+      trigger: D
+    });
+    return P.push(/* @__PURE__ */ a.createElement(Ge, Object.assign({
+      key: "avatar-popover-key",
+      destroyTooltipOnHide: !0
+    }, S), /* @__PURE__ */ a.createElement(We, {
+      style: $
+    }, `+${z - E}`))), O(/* @__PURE__ */ a.createElement(it, {
+      shape: f,
+      size: m
+    }, /* @__PURE__ */ a.createElement("div", {
+      className: _,
+      style: d
+    }, P)));
+  }
+  return O(/* @__PURE__ */ a.createElement(it, {
+    shape: f,
+    size: m
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: _,
+    style: d
+  }, h)));
+}, Bt = We;
+Bt.Group = $n;
+var Cn = { 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" }, yn = function(t, o) {
+  return /* @__PURE__ */ a.createElement(He, Ee({}, t, {
+    ref: o,
+    icon: Cn
+  }));
+}, Nt = /* @__PURE__ */ a.forwardRef(yn);
+process.env.NODE_ENV !== "production" && (Nt.displayName = "BarsOutlined");
+var wn = { 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" }, xn = function(t, o) {
+  return /* @__PURE__ */ a.createElement(He, Ee({}, t, {
+    ref: o,
+    icon: wn
+  }));
+}, Me = /* @__PURE__ */ a.forwardRef(xn);
+process.env.NODE_ENV !== "production" && (Me.displayName = "LeftOutlined");
+const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.createContext({
+  siderHook: {
+    addSider: () => null,
+    removeSider: () => null
+  }
+}), In = (e) => {
+  const {
+    antCls: t,
+    // .ant
+    componentCls: o,
+    // .ant-layout
+    colorText: n,
+    footerBg: r,
+    headerHeight: l,
+    headerPadding: i,
+    headerColor: c,
+    footerPadding: s,
+    fontSize: d,
+    bodyBg: u,
+    headerBg: p
+  } = e;
+  return {
+    [o]: {
+      display: "flex",
+      flex: "auto",
+      flexDirection: "column",
+      /* fix firefox can't set height smaller than content on flex item */
+      minHeight: 0,
+      background: u,
+      "&, *": {
+        boxSizing: "border-box"
+      },
+      [`&${o}-has-sider`]: {
+        flexDirection: "row",
+        [`> ${o}, > ${o}-content`]: {
+          // https://segmentfault.com/a/1190000019498300
+          width: 0
+        }
+      },
+      [`${o}-header, &${o}-footer`]: {
+        flex: "0 0 auto"
+      },
+      // RTL
+      "&-rtl": {
+        direction: "rtl"
+      }
+    },
+    // ==================== Header ====================
+    [`${o}-header`]: {
+      height: l,
+      padding: i,
+      color: c,
+      lineHeight: B(l),
+      background: p,
+      // Other components/menu/style/index.less line:686
+      // Integration with header element so menu items have the same height
+      [`${t}-menu`]: {
+        lineHeight: "inherit"
+      }
+    },
+    // ==================== Footer ====================
+    [`${o}-footer`]: {
+      padding: s,
+      color: n,
+      fontSize: d,
+      background: r
+    },
+    // =================== Content ====================
+    [`${o}-content`]: {
+      flex: "auto",
+      color: n,
+      // fix firefox can't set height smaller than content on flex item
+      minHeight: 0
+    }
+  };
+}, zt = (e) => {
+  const {
+    colorBgLayout: t,
+    controlHeight: o,
+    controlHeightLG: n,
+    colorText: r,
+    controlHeightSM: l,
+    marginXXS: i,
+    colorTextLightSolid: c,
+    colorBgContainer: s
+  } = e, d = n * 1.25;
+  return {
+    // Deprecated
+    colorBgHeader: "#001529",
+    colorBgBody: t,
+    colorBgTrigger: "#002140",
+    bodyBg: t,
+    headerBg: "#001529",
+    headerHeight: o * 2,
+    headerPadding: `0 ${d}px`,
+    headerColor: r,
+    footerPadding: `${l}px ${d}px`,
+    footerBg: t,
+    siderBg: "#001529",
+    triggerHeight: n + i * 2,
+    triggerBg: "#002140",
+    triggerColor: c,
+    zeroTriggerWidth: n,
+    zeroTriggerHeight: n,
+    lightSiderBg: s,
+    lightTriggerBg: s,
+    lightTriggerColor: r
+  };
+}, jt = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
+le("Layout", (e) => [In(e)], zt, {
+  deprecatedTokens: jt
+});
+const En = (e) => {
+  const {
+    componentCls: t,
+    siderBg: o,
+    motionDurationMid: n,
+    motionDurationSlow: r,
+    antCls: l,
+    triggerHeight: i,
+    triggerColor: c,
+    triggerBg: s,
+    headerHeight: d,
+    zeroTriggerWidth: u,
+    zeroTriggerHeight: p,
+    borderRadius: m,
+    lightSiderBg: f,
+    lightTriggerColor: g,
+    lightTriggerBg: v,
+    bodyBg: C
+  } = e;
+  return {
+    [t]: {
+      position: "relative",
+      // fix firefox can't set width smaller than content on flex item
+      minWidth: 0,
+      background: o,
+      transition: `all ${n}, background 0s`,
+      "&-has-trigger": {
+        paddingBottom: i
+      },
+      "&-right": {
+        order: 1
+      },
+      [`${t}-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,
+        [`${l}-menu${l}-menu-inline-collapsed`]: {
+          width: "auto"
+        }
+      },
+      [`${t}-trigger`]: {
+        position: "fixed",
+        bottom: 0,
+        zIndex: 1,
+        height: i,
+        color: c,
+        lineHeight: B(i),
+        textAlign: "center",
+        background: s,
+        cursor: "pointer",
+        transition: `all ${n}`
+      },
+      "&-zero-width": {
+        "> *": {
+          overflow: "hidden"
+        },
+        "&-trigger": {
+          position: "absolute",
+          top: d,
+          insetInlineEnd: e.calc(u).mul(-1).equal(),
+          zIndex: 1,
+          width: u,
+          height: p,
+          color: c,
+          fontSize: e.fontSizeXL,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          background: o,
+          borderStartStartRadius: 0,
+          borderStartEndRadius: m,
+          borderEndEndRadius: m,
+          borderEndStartRadius: 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(u).mul(-1).equal(),
+            borderStartStartRadius: m,
+            borderStartEndRadius: 0,
+            borderEndEndRadius: 0,
+            borderEndStartRadius: m
+          }
+        }
+      },
+      // Light
+      "&-light": {
+        background: f,
+        [`${t}-trigger`]: {
+          color: g,
+          background: v
+        },
+        [`${t}-zero-width-trigger`]: {
+          color: g,
+          background: v,
+          border: `1px solid ${C}`,
+          // Safe to modify to any other color
+          borderInlineStart: 0
+        }
+      }
+    }
+  };
+}, Pn = le(["Layout", "Sider"], (e) => [En(e)], zt, {
+  deprecatedTokens: jt
+});
+var Bn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const at = {
+  xs: "479.98px",
+  sm: "575.98px",
+  md: "767.98px",
+  lg: "991.98px",
+  xl: "1199.98px",
+  xxl: "1599.98px"
+}, Ye = /* @__PURE__ */ a.createContext({}), Nn = /* @__PURE__ */ (() => {
+  let e = 0;
+  return function() {
+    let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+    return e += 1, `${t}${e}`;
+  };
+})(), zn = /* @__PURE__ */ a.forwardRef((e, t) => {
+  const {
+    prefixCls: o,
+    className: n,
+    trigger: r,
+    children: l,
+    defaultCollapsed: i = !1,
+    theme: c = "dark",
+    style: s = {},
+    collapsible: d = !1,
+    reverseArrow: u = !1,
+    width: p = 200,
+    collapsedWidth: m = 80,
+    zeroWidthTriggerStyle: f,
+    breakpoint: g,
+    onCollapse: v,
+    onBreakpoint: C
+  } = e, b = Bn(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+    siderHook: w
+  } = Ke(On), [x, y] = Ze("collapsed" in e ? e.collapsed : i), [O, j] = Ze(!1);
+  Te(() => {
+    "collapsed" in e && y(e.collapsed);
+  }, [e.collapsed]);
+  const T = (S, N) => {
+    "collapsed" in e || y(S), v == null || v(S, N);
+  }, {
+    getPrefixCls: _
+  } = Ke(J), h = _("layout-sider", o), [E, z, P] = Pn(h), I = Ie();
+  I.current = (S) => {
+    j(S.matches), C == null || C(S.matches), x !== S.matches && T(S.matches, "responsive");
+  }, Te(() => {
+    function S(R) {
+      return I.current(R);
+    }
+    let N;
+    if (typeof window < "u") {
+      const {
+        matchMedia: R
+      } = window;
+      if (R && g && g in at) {
+        N = R(`screen and (max-width: ${at[g]})`);
+        try {
+          N.addEventListener("change", S);
+        } catch {
+          N.addListener(S);
+        }
+        S(N);
+      }
+    }
+    return () => {
+      try {
+        N == null || N.removeEventListener("change", S);
+      } catch {
+        N == null || N.removeListener(S);
+      }
+    };
+  }, [g]), Te(() => {
+    const S = Nn("ant-sider-");
+    return w.addSider(S), () => w.removeSider(S);
+  }, []);
+  const $ = () => {
+    T(!x, "clickTrigger");
+  }, D = () => {
+    const S = ve(b, ["collapsed"]), N = x ? m : p, R = Sn(N) ? `${N}px` : String(N), V = parseFloat(String(m || 0)) === 0 ? /* @__PURE__ */ a.createElement("span", {
+      onClick: $,
+      className: M(`${h}-zero-width-trigger`, `${h}-zero-width-trigger-${u ? "right" : "left"}`),
+      style: f
+    }, r || /* @__PURE__ */ a.createElement(Nt, null)) : null, X = {
+      expanded: u ? /* @__PURE__ */ a.createElement(we, null) : /* @__PURE__ */ a.createElement(Me, null),
+      collapsed: u ? /* @__PURE__ */ a.createElement(Me, null) : /* @__PURE__ */ a.createElement(we, null)
+    }[x ? "collapsed" : "expanded"], q = r !== null ? V || /* @__PURE__ */ a.createElement("div", {
+      className: `${h}-trigger`,
+      onClick: $,
+      style: {
+        width: R
+      }
+    }, r || X) : null, Y = Object.assign(Object.assign({}, s), {
+      flex: `0 0 ${R}`,
+      maxWidth: R,
+      minWidth: R,
+      width: R
+    }), F = M(h, `${h}-${c}`, {
+      [`${h}-collapsed`]: !!x,
+      [`${h}-has-trigger`]: d && r !== null && !V,
+      [`${h}-below`]: !!O,
+      [`${h}-zero-width`]: parseFloat(R) === 0
+    }, n, z, P);
+    return /* @__PURE__ */ a.createElement("aside", Object.assign({
+      className: F
+    }, S, {
+      style: Y,
+      ref: t
+    }), /* @__PURE__ */ a.createElement("div", {
+      className: `${h}-children`
+    }, l), d || O && V ? q : null);
+  }, k = a.useMemo(() => ({
+    siderCollapsed: x
+  }), [x]);
+  return E(/* @__PURE__ */ a.createElement(Ye.Provider, {
+    value: k
+  }, D()));
+});
+process.env.NODE_ENV !== "production" && (zn.displayName = "Sider");
+const Se = /* @__PURE__ */ qt({
+  prefixCls: "",
+  firstLevel: !0,
+  inlineCollapsed: !1
+});
+var jn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const Tt = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    dashed: n
+  } = e, r = jn(e, ["prefixCls", "className", "dashed"]), {
+    getPrefixCls: l
+  } = a.useContext(J), i = l("menu", t), c = M({
+    [`${i}-item-divider-dashed`]: !!n
+  }, o);
+  return /* @__PURE__ */ a.createElement(co, Object.assign({
+    className: c
+  }, r));
+}, _t = (e) => {
+  var t;
+  const {
+    className: o,
+    children: n,
+    icon: r,
+    title: l,
+    danger: i,
+    extra: c
+  } = e, {
+    prefixCls: s,
+    firstLevel: d,
+    direction: u,
+    disableMenuItemTitleTooltip: p,
+    inlineCollapsed: m
+  } = a.useContext(Se), f = (x) => {
+    const y = n == null ? void 0 : n[0], O = /* @__PURE__ */ a.createElement("span", {
+      className: M(`${s}-title-content`, {
+        [`${s}-title-content-with-extra`]: !!c || c === 0
+      })
+    }, n);
+    return (!r || /* @__PURE__ */ a.isValidElement(n) && n.type === "span") && n && x && d && typeof y == "string" ? /* @__PURE__ */ a.createElement("div", {
+      className: `${s}-inline-collapsed-noicon`
+    }, y.charAt(0)) : O;
+  }, {
+    siderCollapsed: g
+  } = a.useContext(Ye);
+  let v = l;
+  typeof l > "u" ? v = d ? n : "" : l === !1 && (v = "");
+  const C = {
+    title: v
+  };
+  !g && !m && (C.title = null, C.open = !1);
+  const b = ke(n).length;
+  let w = /* @__PURE__ */ a.createElement(uo, Object.assign({}, ve(e, ["title", "icon", "danger"]), {
+    className: M({
+      [`${s}-item-danger`]: i,
+      [`${s}-item-only-child`]: (r ? b + 1 : b) === 1
+    }, o),
+    title: typeof l == "string" ? l : void 0
+  }), se(r, {
+    className: M(/* @__PURE__ */ a.isValidElement(r) ? (t = r.props) === null || t === void 0 ? void 0 : t.className : "", `${s}-item-icon`)
+  }), f(m));
+  return p || (w = /* @__PURE__ */ a.createElement(ze, Object.assign({}, C, {
+    placement: u === "rtl" ? "left" : "right",
+    overlayClassName: `${s}-inline-collapsed-tooltip`
+  }), w)), w;
+};
+var Tn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forwardRef((e, t) => {
+  const {
+    children: o
+  } = e, n = Tn(e, ["children"]), r = a.useContext(Oe), l = a.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 = to(o), c = oo(t, i ? o.ref : null);
+  return /* @__PURE__ */ a.createElement(Oe.Provider, {
+    value: l
+  }, /* @__PURE__ */ a.createElement($t, {
+    space: !0
+  }, i ? /* @__PURE__ */ a.cloneElement(o, {
+    ref: c
+  }) : o));
+}), Rn = (e) => {
+  const {
+    componentCls: t,
+    motionDurationSlow: o,
+    horizontalLineHeight: n,
+    colorSplit: r,
+    lineWidth: l,
+    lineType: i,
+    itemPaddingInline: c
+  } = e;
+  return {
+    [`${t}-horizontal`]: {
+      lineHeight: n,
+      border: 0,
+      borderBottom: `${B(l)} ${i} ${r}`,
+      boxShadow: "none",
+      "&::after": {
+        display: "block",
+        clear: "both",
+        height: 0,
+        content: '"\\20"'
+      },
+      // ======================= Item =======================
+      [`${t}-item, ${t}-submenu`]: {
+        position: "relative",
+        display: "inline-block",
+        verticalAlign: "bottom",
+        paddingInline: c
+      },
+      [`> ${t}-item:hover,
+        > ${t}-item-active,
+        > ${t}-submenu ${t}-submenu-title:hover`]: {
+        backgroundColor: "transparent"
+      },
+      [`${t}-item, ${t}-submenu-title`]: {
+        transition: [`border-color ${o}`, `background ${o}`].join(",")
+      },
+      // ===================== Sub Menu =====================
+      [`${t}-submenu-arrow`]: {
+        display: "none"
+      }
+    }
+  };
+}, Mn = (e) => {
+  let {
+    componentCls: t,
+    menuArrowOffset: o,
+    calc: n
+  } = e;
+  return {
+    [`${t}-rtl`]: {
+      direction: "rtl"
+    },
+    [`${t}-submenu-rtl`]: {
+      transformOrigin: "100% 0"
+    },
+    // Vertical Arrow
+    [`${t}-rtl${t}-vertical,
+    ${t}-submenu-rtl ${t}-vertical`]: {
+      [`${t}-submenu-arrow`]: {
+        "&::before": {
+          transform: `rotate(-45deg) translateY(${B(n(o).mul(-1).equal())})`
+        },
+        "&::after": {
+          transform: `rotate(45deg) translateY(${B(o)})`
+        }
+      }
+    }
+  };
+}, lt = (e) => Object.assign({}, no(e)), st = (e, t) => {
+  const {
+    componentCls: o,
+    itemColor: n,
+    itemSelectedColor: r,
+    groupTitleColor: l,
+    itemBg: i,
+    subMenuItemBg: c,
+    itemSelectedBg: s,
+    activeBarHeight: d,
+    activeBarWidth: u,
+    activeBarBorderWidth: p,
+    motionDurationSlow: m,
+    motionEaseInOut: f,
+    motionEaseOut: g,
+    itemPaddingInline: v,
+    motionDurationMid: C,
+    itemHoverColor: b,
+    lineType: w,
+    colorSplit: x,
+    // Disabled
+    itemDisabledColor: y,
+    // Danger
+    dangerItemColor: O,
+    dangerItemHoverColor: j,
+    dangerItemSelectedColor: T,
+    dangerItemActiveBg: _,
+    dangerItemSelectedBg: h,
+    // Bg
+    popupBg: E,
+    itemHoverBg: z,
+    itemActiveBg: P,
+    menuSubMenuBg: I,
+    // Horizontal
+    horizontalItemSelectedColor: $,
+    horizontalItemSelectedBg: D,
+    horizontalItemBorderRadius: k,
+    horizontalItemHoverBg: S
+  } = e;
+  return {
+    [`${o}-${t}, ${o}-${t} > ${o}`]: {
+      color: n,
+      background: i,
+      [`&${o}-root:focus-visible`]: Object.assign({}, lt(e)),
+      // ======================== Item ========================
+      [`${o}-item`]: {
+        "&-group-title, &-extra": {
+          color: l
+        }
+      },
+      [`${o}-submenu-selected`]: {
+        [`> ${o}-submenu-title`]: {
+          color: r
+        }
+      },
+      [`${o}-item, ${o}-submenu-title`]: {
+        color: n,
+        [`&:not(${o}-item-disabled):focus-visible`]: Object.assign({}, lt(e))
+      },
+      // Disabled
+      [`${o}-item-disabled, ${o}-submenu-disabled`]: {
+        color: `${y} !important`
+      },
+      // Hover
+      [`${o}-item:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
+        [`&:hover, > ${o}-submenu-title:hover`]: {
+          color: b
+        }
+      },
+      [`&:not(${o}-horizontal)`]: {
+        [`${o}-item:not(${o}-item-selected)`]: {
+          "&:hover": {
+            backgroundColor: z
+          },
+          "&:active": {
+            backgroundColor: P
+          }
+        },
+        [`${o}-submenu-title`]: {
+          "&:hover": {
+            backgroundColor: z
+          },
+          "&:active": {
+            backgroundColor: P
+          }
+        }
+      },
+      // Danger - only Item has
+      [`${o}-item-danger`]: {
+        color: O,
+        [`&${o}-item:hover`]: {
+          [`&:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
+            color: j
+          }
+        },
+        [`&${o}-item:active`]: {
+          background: _
+        }
+      },
+      [`${o}-item a`]: {
+        "&, &:hover": {
+          color: "inherit"
+        }
+      },
+      [`${o}-item-selected`]: {
+        color: r,
+        // Danger
+        [`&${o}-item-danger`]: {
+          color: T
+        },
+        "a, a:hover": {
+          color: "inherit"
+        }
+      },
+      [`& ${o}-item-selected`]: {
+        backgroundColor: s,
+        // Danger
+        [`&${o}-item-danger`]: {
+          backgroundColor: h
+        }
+      },
+      [`&${o}-submenu > ${o}`]: {
+        backgroundColor: I
+      },
+      // ===== 设置浮层的颜色 =======
+      // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
+      [`&${o}-popup > ${o}`]: {
+        backgroundColor: E
+      },
+      [`&${o}-submenu-popup > ${o}`]: {
+        backgroundColor: E
+      },
+      // ===== 设置浮层的颜色 end =======
+      // ====================== Horizontal ======================
+      [`&${o}-horizontal`]: Object.assign(Object.assign({}, t === "dark" ? {
+        borderBottom: 0
+      } : {}), {
+        [`> ${o}-item, > ${o}-submenu`]: {
+          top: p,
+          marginTop: e.calc(p).mul(-1).equal(),
+          marginBottom: 0,
+          borderRadius: k,
+          "&::after": {
+            position: "absolute",
+            insetInline: v,
+            bottom: 0,
+            borderBottom: `${B(d)} solid transparent`,
+            transition: `border-color ${m} ${f}`,
+            content: '""'
+          },
+          "&:hover, &-active, &-open": {
+            background: S,
+            "&::after": {
+              borderBottomWidth: d,
+              borderBottomColor: $
+            }
+          },
+          "&-selected": {
+            color: $,
+            backgroundColor: D,
+            "&:hover": {
+              backgroundColor: D
+            },
+            "&::after": {
+              borderBottomWidth: d,
+              borderBottomColor: $
+            }
+          }
+        }
+      }),
+      // ================== Inline & Vertical ===================
+      //
+      [`&${o}-root`]: {
+        [`&${o}-inline, &${o}-vertical`]: {
+          borderInlineEnd: `${B(p)} ${w} ${x}`
+        }
+      },
+      // ======================== Inline ========================
+      [`&${o}-inline`]: {
+        // Sub
+        [`${o}-sub${o}-inline`]: {
+          background: c
+        },
+        [`${o}-item`]: {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            insetBlock: 0,
+            insetInlineEnd: 0,
+            borderInlineEnd: `${B(u)} solid ${r}`,
+            transform: "scaleY(0.0001)",
+            opacity: 0,
+            transition: [`transform ${C} ${g}`, `opacity ${C} ${g}`].join(","),
+            content: '""'
+          },
+          // Danger
+          [`&${o}-item-danger`]: {
+            "&::after": {
+              borderInlineEndColor: T
+            }
+          }
+        },
+        [`${o}-selected, ${o}-item-selected`]: {
+          "&::after": {
+            transform: "scaleY(1)",
+            opacity: 1,
+            transition: [`transform ${C} ${f}`, `opacity ${C} ${f}`].join(",")
+          }
+        }
+      }
+    }
+  };
+}, ct = (e) => {
+  const {
+    componentCls: t,
+    itemHeight: o,
+    itemMarginInline: n,
+    padding: r,
+    menuArrowSize: l,
+    marginXS: i,
+    itemMarginBlock: c,
+    itemWidth: s,
+    itemPaddingInline: d
+  } = e, u = e.calc(l).add(r).add(i).equal();
+  return {
+    [`${t}-item`]: {
+      position: "relative",
+      overflow: "hidden"
+    },
+    [`${t}-item, ${t}-submenu-title`]: {
+      height: o,
+      lineHeight: B(o),
+      paddingInline: d,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      marginInline: n,
+      marginBlock: c,
+      width: s
+    },
+    [`> ${t}-item,
+            > ${t}-submenu > ${t}-submenu-title`]: {
+      height: o,
+      lineHeight: B(o)
+    },
+    [`${t}-item-group-list ${t}-submenu-title,
+            ${t}-submenu-title`]: {
+      paddingInlineEnd: u
+    }
+  };
+}, Dn = (e) => {
+  const {
+    componentCls: t,
+    iconCls: o,
+    itemHeight: n,
+    colorTextLightSolid: r,
+    dropdownWidth: l,
+    controlHeightLG: i,
+    motionEaseOut: c,
+    paddingXL: s,
+    itemMarginInline: d,
+    fontSizeLG: u,
+    motionDurationFast: p,
+    motionDurationSlow: m,
+    paddingXS: f,
+    boxShadowSecondary: g,
+    collapsedWidth: v,
+    collapsedIconSize: C
+  } = e, b = {
+    height: n,
+    lineHeight: B(n),
+    listStylePosition: "inside",
+    listStyleType: "disc"
+  };
+  return [
+    {
+      [t]: {
+        "&-inline, &-vertical": Object.assign({
+          [`&${t}-root`]: {
+            boxShadow: "none"
+          }
+        }, ct(e))
+      },
+      [`${t}-submenu-popup`]: {
+        [`${t}-vertical`]: Object.assign(Object.assign({}, ct(e)), {
+          boxShadow: g
+        })
+      }
+    },
+    // Vertical only
+    {
+      [`${t}-submenu-popup ${t}-vertical${t}-sub`]: {
+        minWidth: l,
+        maxHeight: `calc(100vh - ${B(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
+    {
+      [`${t}-inline`]: {
+        width: "100%",
+        // Motion enhance for first level
+        [`&${t}-root`]: {
+          [`${t}-item, ${t}-submenu-title`]: {
+            display: "flex",
+            alignItems: "center",
+            transition: [`border-color ${m}`, `background ${m}`, `padding ${p} ${c}`].join(","),
+            [`> ${t}-title-content`]: {
+              flex: "auto",
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            },
+            "> *": {
+              flex: "none"
+            }
+          }
+        },
+        // >>>>> Sub
+        [`${t}-sub${t}-inline`]: {
+          padding: 0,
+          border: 0,
+          borderRadius: 0,
+          boxShadow: "none",
+          [`& > ${t}-submenu > ${t}-submenu-title`]: b,
+          [`& ${t}-item-group-title`]: {
+            paddingInlineStart: s
+          }
+        },
+        // >>>>> Item
+        [`${t}-item`]: b
+      }
+    },
+    // Inline Collapse Only
+    {
+      [`${t}-inline-collapsed`]: {
+        width: v,
+        [`&${t}-root`]: {
+          [`${t}-item, ${t}-submenu ${t}-submenu-title`]: {
+            [`> ${t}-inline-collapsed-noicon`]: {
+              fontSize: u,
+              textAlign: "center"
+            }
+          }
+        },
+        [`> ${t}-item,
+          > ${t}-item-group > ${t}-item-group-list > ${t}-item,
+          > ${t}-item-group > ${t}-item-group-list > ${t}-submenu > ${t}-submenu-title,
+          > ${t}-submenu > ${t}-submenu-title`]: {
+          insetInlineStart: 0,
+          paddingInline: `calc(50% - ${B(e.calc(u).div(2).equal())} - ${B(d)})`,
+          textOverflow: "clip",
+          [`
+            ${t}-submenu-arrow,
+            ${t}-submenu-expand-icon
+          `]: {
+            opacity: 0
+          },
+          [`${t}-item-icon, ${o}`]: {
+            margin: 0,
+            fontSize: C,
+            lineHeight: B(n),
+            "+ span": {
+              display: "inline-block",
+              opacity: 0
+            }
+          }
+        },
+        [`${t}-item-icon, ${o}`]: {
+          display: "inline-block"
+        },
+        "&-tooltip": {
+          pointerEvents: "none",
+          [`${t}-item-icon, ${o}`]: {
+            display: "none"
+          },
+          "a, a:hover": {
+            color: r
+          }
+        },
+        [`${t}-item-group-title`]: Object.assign(Object.assign({}, ro), {
+          paddingInline: f
+        })
+      }
+    }
+  ];
+}, dt = (e) => {
+  const {
+    componentCls: t,
+    motionDurationSlow: o,
+    motionDurationMid: n,
+    motionEaseInOut: r,
+    motionEaseOut: l,
+    iconCls: i,
+    iconSize: c,
+    iconMarginInlineEnd: s
+  } = e;
+  return {
+    // >>>>> Item
+    [`${t}-item, ${t}-submenu-title`]: {
+      position: "relative",
+      display: "block",
+      margin: 0,
+      whiteSpace: "nowrap",
+      cursor: "pointer",
+      transition: [`border-color ${o}`, `background ${o}`, `padding calc(${o} + 0.1s) ${r}`].join(","),
+      [`${t}-item-icon, ${i}`]: {
+        minWidth: c,
+        fontSize: c,
+        transition: [`font-size ${n} ${l}`, `margin ${o} ${r}`, `color ${o}`].join(","),
+        "+ span": {
+          marginInlineStart: s,
+          opacity: 1,
+          transition: [`opacity ${o} ${r}`, `margin ${o}`, `color ${o}`].join(",")
+        }
+      },
+      [`${t}-item-icon`]: Object.assign({}, io()),
+      [`&${t}-item-only-child`]: {
+        [`> ${i}, > ${t}-item-icon`]: {
+          marginInlineEnd: 0
+        }
+      }
+    },
+    // Disabled state sets text to gray and nukes hover/tab effects
+    [`${t}-item-disabled, ${t}-submenu-disabled`]: {
+      background: "none !important",
+      cursor: "not-allowed",
+      "&::after": {
+        borderColor: "transparent !important"
+      },
+      a: {
+        color: "inherit !important"
+      },
+      [`> ${t}-submenu-title`]: {
+        color: "inherit !important",
+        cursor: "not-allowed"
+      }
+    }
+  };
+}, ut = (e) => {
+  const {
+    componentCls: t,
+    motionDurationSlow: o,
+    motionEaseInOut: n,
+    borderRadius: r,
+    menuArrowSize: l,
+    menuArrowOffset: i
+  } = e;
+  return {
+    [`${t}-submenu`]: {
+      "&-expand-icon, &-arrow": {
+        position: "absolute",
+        top: "50%",
+        insetInlineEnd: e.margin,
+        width: l,
+        color: "currentcolor",
+        transform: "translateY(-50%)",
+        transition: `transform ${o} ${n}, opacity ${o}`
+      },
+      "&-arrow": {
+        // →
+        "&::before, &::after": {
+          position: "absolute",
+          width: e.calc(l).mul(0.6).equal(),
+          height: e.calc(l).mul(0.15).equal(),
+          backgroundColor: "currentcolor",
+          borderRadius: r,
+          transition: [`background ${o} ${n}`, `transform ${o} ${n}`, `top ${o} ${n}`, `color ${o} ${n}`].join(","),
+          content: '""'
+        },
+        "&::before": {
+          transform: `rotate(45deg) translateY(${B(e.calc(i).mul(-1).equal())})`
+        },
+        "&::after": {
+          transform: `rotate(-45deg) translateY(${B(i)})`
+        }
+      }
+    }
+  };
+}, Hn = (e) => {
+  const {
+    antCls: t,
+    componentCls: o,
+    fontSize: n,
+    motionDurationSlow: r,
+    motionDurationMid: l,
+    motionEaseInOut: i,
+    paddingXS: c,
+    padding: s,
+    colorSplit: d,
+    lineWidth: u,
+    zIndexPopup: p,
+    borderRadiusLG: m,
+    subMenuItemBorderRadius: f,
+    menuArrowSize: g,
+    menuArrowOffset: v,
+    lineType: C,
+    groupTitleLineHeight: b,
+    groupTitleFontSize: w
+  } = e;
+  return [
+    // Misc
+    {
+      "": {
+        [o]: Object.assign(Object.assign({}, Je()), {
+          // Hidden
+          "&-hidden": {
+            display: "none"
+          }
+        })
+      },
+      [`${o}-submenu-hidden`]: {
+        display: "none"
+      }
+    },
+    {
+      [o]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ge(e)), Je()), {
+        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",
+          [`${o}-item`]: {
+            flex: "none"
+          }
+        },
+        [`${o}-item, ${o}-submenu, ${o}-submenu-title`]: {
+          borderRadius: e.itemBorderRadius
+        },
+        [`${o}-item-group-title`]: {
+          padding: `${B(c)} ${B(s)}`,
+          fontSize: w,
+          lineHeight: b,
+          transition: `all ${r}`
+        },
+        [`&-horizontal ${o}-submenu`]: {
+          transition: [`border-color ${r} ${i}`, `background ${r} ${i}`].join(",")
+        },
+        [`${o}-submenu, ${o}-submenu-inline`]: {
+          transition: [`border-color ${r} ${i}`, `background ${r} ${i}`, `padding ${l} ${i}`].join(",")
+        },
+        [`${o}-submenu ${o}-sub`]: {
+          cursor: "initial",
+          transition: [`background ${r} ${i}`, `padding ${r} ${i}`].join(",")
+        },
+        [`${o}-title-content`]: {
+          transition: `color ${r}`,
+          "&-with-extra": {
+            display: "inline-flex",
+            alignItems: "center",
+            width: "100%"
+          },
+          // https://github.com/ant-design/ant-design/issues/41143
+          [`> ${t}-typography-ellipsis-single-line`]: {
+            display: "inline",
+            verticalAlign: "unset"
+          },
+          [`${o}-item-extra`]: {
+            marginInlineStart: "auto",
+            paddingInlineStart: e.padding,
+            fontSize: e.fontSizeSM
+          }
+        },
+        [`${o}-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
+        [`${o}-item-divider`]: {
+          overflow: "hidden",
+          lineHeight: 0,
+          borderColor: d,
+          borderStyle: C,
+          borderWidth: 0,
+          borderTopWidth: u,
+          marginBlock: u,
+          padding: 0,
+          "&-dashed": {
+            borderStyle: "dashed"
+          }
+        }
+      }), dt(e)), {
+        [`${o}-item-group`]: {
+          [`${o}-item-group-list`]: {
+            margin: 0,
+            padding: 0,
+            [`${o}-item, ${o}-submenu-title`]: {
+              paddingInline: `${B(e.calc(n).mul(2).equal())} ${B(s)}`
+            }
+          }
+        },
+        // ======================= Sub Menu =======================
+        "&-submenu": {
+          "&-popup": {
+            position: "absolute",
+            zIndex: p,
+            borderRadius: m,
+            boxShadow: "none",
+            transformOrigin: "0 0",
+            [`&${o}-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: '""'
+            },
+            [`> ${o}`]: Object.assign(Object.assign(Object.assign({
+              borderRadius: m
+            }, dt(e)), ut(e)), {
+              [`${o}-item, ${o}-submenu > ${o}-submenu-title`]: {
+                borderRadius: f
+              },
+              [`${o}-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
+          }
+        }
+      }), ut(e)), {
+        [`&-inline-collapsed ${o}-submenu-arrow,
+        &-inline ${o}-submenu-arrow`]: {
+          // ↓
+          "&::before": {
+            transform: `rotate(-45deg) translateX(${B(v)})`
+          },
+          "&::after": {
+            transform: `rotate(45deg) translateX(${B(e.calc(v).mul(-1).equal())})`
+          }
+        },
+        [`${o}-submenu-open${o}-submenu-inline > ${o}-submenu-title > ${o}-submenu-arrow`]: {
+          // ↑
+          transform: `translateY(${B(e.calc(g).mul(0.2).mul(-1).equal())})`,
+          "&::after": {
+            transform: `rotate(-45deg) translateX(${B(e.calc(v).mul(-1).equal())})`
+          },
+          "&::before": {
+            transform: `rotate(45deg) translateX(${B(v)})`
+          }
+        }
+      })
+    },
+    // Integration with header element so menu items have the same height
+    {
+      [`${t}-layout-header`]: {
+        [o]: {
+          lineHeight: "inherit"
+        }
+      }
+    }
+  ];
+}, An = (e) => {
+  var t, o, n;
+  const {
+    colorPrimary: r,
+    colorError: l,
+    colorTextDisabled: i,
+    colorErrorBg: c,
+    colorText: s,
+    colorTextDescription: d,
+    colorBgContainer: u,
+    colorFillAlter: p,
+    colorFillContent: m,
+    lineWidth: f,
+    lineWidthBold: g,
+    controlItemBgActive: v,
+    colorBgTextHover: C,
+    controlHeightLG: b,
+    lineHeight: w,
+    colorBgElevated: x,
+    marginXXS: y,
+    padding: O,
+    fontSize: j,
+    controlHeightSM: T,
+    fontSizeLG: _,
+    colorTextLightSolid: h,
+    colorErrorHover: E
+  } = e, z = (t = e.activeBarWidth) !== null && t !== void 0 ? t : 0, P = (o = e.activeBarBorderWidth) !== null && o !== void 0 ? o : f, I = (n = e.itemMarginInline) !== null && n !== void 0 ? n : e.marginXXS, $ = new et(h).setAlpha(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: d,
+    groupTitleColor: d,
+    colorItemTextSelected: r,
+    itemSelectedColor: r,
+    colorItemTextSelectedHorizontal: r,
+    horizontalItemSelectedColor: r,
+    colorItemBg: u,
+    itemBg: u,
+    colorItemBgHover: C,
+    itemHoverBg: C,
+    colorItemBgActive: m,
+    itemActiveBg: v,
+    colorSubItemBg: p,
+    subMenuItemBg: p,
+    colorItemBgSelected: v,
+    itemSelectedBg: v,
+    colorItemBgSelectedHorizontal: "transparent",
+    horizontalItemSelectedBg: "transparent",
+    colorActiveBarWidth: 0,
+    activeBarWidth: z,
+    colorActiveBarHeight: g,
+    activeBarHeight: g,
+    colorActiveBarBorderSize: f,
+    activeBarBorderWidth: P,
+    // Disabled
+    colorItemTextDisabled: i,
+    itemDisabledColor: i,
+    // Danger
+    colorDangerItemText: l,
+    dangerItemColor: l,
+    colorDangerItemTextHover: l,
+    dangerItemHoverColor: l,
+    colorDangerItemTextSelected: l,
+    dangerItemSelectedColor: l,
+    colorDangerItemBgActive: c,
+    dangerItemActiveBg: c,
+    colorDangerItemBgSelected: c,
+    dangerItemSelectedBg: c,
+    itemMarginInline: I,
+    horizontalItemBorderRadius: 0,
+    horizontalItemHoverBg: "transparent",
+    itemHeight: b,
+    groupTitleLineHeight: w,
+    collapsedWidth: b * 2,
+    popupBg: x,
+    itemMarginBlock: y,
+    itemPaddingInline: O,
+    horizontalLineHeight: `${b * 1.15}px`,
+    iconSize: j,
+    iconMarginInlineEnd: T - j,
+    collapsedIconSize: _,
+    groupTitleFontSize: j,
+    // Disabled
+    darkItemDisabledColor: new et(h).setAlpha(0.25).toRgbString(),
+    // Dark
+    darkItemColor: $,
+    darkDangerItemColor: l,
+    darkItemBg: "#001529",
+    darkPopupBg: "#001529",
+    darkSubMenuItemBg: "#000c17",
+    darkItemSelectedColor: h,
+    darkItemSelectedBg: r,
+    darkDangerItemSelectedBg: l,
+    darkItemHoverBg: "transparent",
+    darkGroupTitleColor: $,
+    darkItemHoverColor: h,
+    darkDangerItemHoverColor: E,
+    darkDangerItemSelectedColor: h,
+    darkDangerItemActiveBg: l,
+    // internal
+    itemWidth: z ? `calc(100% + ${P}px)` : `calc(100% - ${I * 2}px)`
+  };
+}, Ln = function(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : e, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
+  return le("Menu", (r) => {
+    const {
+      colorBgElevated: l,
+      controlHeightLG: i,
+      fontSize: c,
+      darkItemColor: s,
+      darkDangerItemColor: d,
+      darkItemBg: u,
+      darkSubMenuItemBg: p,
+      darkItemSelectedColor: m,
+      darkItemSelectedBg: f,
+      darkDangerItemSelectedBg: g,
+      darkItemHoverBg: v,
+      darkGroupTitleColor: C,
+      darkItemHoverColor: b,
+      darkItemDisabledColor: w,
+      darkDangerItemHoverColor: x,
+      darkDangerItemSelectedColor: y,
+      darkDangerItemActiveBg: O,
+      popupBg: j,
+      darkPopupBg: T
+    } = r, _ = r.calc(c).div(7).mul(5).equal(), h = ae(r, {
+      menuArrowSize: _,
+      menuHorizontalHeight: r.calc(i).mul(1.15).equal(),
+      menuArrowOffset: r.calc(_).mul(0.25).equal(),
+      menuSubMenuBg: l,
+      calc: r.calc,
+      popupBg: j
+    }), E = ae(h, {
+      itemColor: s,
+      itemHoverColor: b,
+      groupTitleColor: C,
+      itemSelectedColor: m,
+      itemBg: u,
+      popupBg: T,
+      subMenuItemBg: p,
+      itemActiveBg: "transparent",
+      itemSelectedBg: f,
+      activeBarHeight: 0,
+      activeBarBorderWidth: 0,
+      itemHoverBg: v,
+      // Disabled
+      itemDisabledColor: w,
+      // Danger
+      dangerItemColor: d,
+      dangerItemHoverColor: x,
+      dangerItemSelectedColor: y,
+      dangerItemActiveBg: O,
+      dangerItemSelectedBg: g,
+      menuSubMenuBg: p,
+      // Horizontal
+      horizontalItemSelectedColor: m,
+      horizontalItemSelectedBg: f
+    });
+    return [
+      // Basic
+      Hn(h),
+      // Horizontal
+      Rn(h),
+      // Hard code for some light style
+      // Vertical
+      Dn(h),
+      // Hard code for some light style
+      // Theme
+      st(h, "light"),
+      st(E, "dark"),
+      // RTL
+      Mn(h),
+      // Motion
+      Bo(h),
+      ye(h, "slide-up"),
+      ye(h, "slide-down"),
+      Be(h, "zoom-big")
+    ];
+  }, An, {
+    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: o,
+    unitless: {
+      groupTitleLineHeight: !0
+    }
+  })(e, t);
+}, Rt = (e) => {
+  var t;
+  const {
+    popupClassName: o,
+    icon: n,
+    title: r,
+    theme: l
+  } = e, i = a.useContext(Se), {
+    prefixCls: c,
+    inlineCollapsed: s,
+    theme: d
+  } = i, u = mo();
+  let p;
+  if (!n)
+    p = s && !u.length && r && typeof r == "string" ? /* @__PURE__ */ a.createElement("div", {
+      className: `${c}-inline-collapsed-noicon`
+    }, r.charAt(0)) : /* @__PURE__ */ a.createElement("span", {
+      className: `${c}-title-content`
+    }, r);
+  else {
+    const g = /* @__PURE__ */ a.isValidElement(r) && r.type === "span";
+    p = /* @__PURE__ */ a.createElement(a.Fragment, null, se(n, {
+      className: M(/* @__PURE__ */ a.isValidElement(n) ? (t = n.props) === null || t === void 0 ? void 0 : t.className : "", `${c}-item-icon`)
+    }), g ? r : /* @__PURE__ */ a.createElement("span", {
+      className: `${c}-title-content`
+    }, r));
+  }
+  const m = a.useMemo(() => Object.assign(Object.assign({}, i), {
+    firstLevel: !1
+  }), [i]), [f] = Ve("Menu");
+  return /* @__PURE__ */ a.createElement(Se.Provider, {
+    value: m
+  }, /* @__PURE__ */ a.createElement(po, Object.assign({}, ve(e, ["icon"]), {
+    title: p,
+    popupClassName: M(c, o, `${c}-${l || d}`),
+    popupStyle: Object.assign({
+      zIndex: f
+    }, e.popupStyle)
+  })));
+};
+var kn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+function _e(e) {
+  return e === null || e === !1;
+}
+const Vn = {
+  item: _t,
+  submenu: Rt,
+  divider: Tt
+}, Wn = /* @__PURE__ */ De((e, t) => {
+  var o;
+  const n = a.useContext(Oe), r = n || {}, {
+    getPrefixCls: l,
+    getPopupContainer: i,
+    direction: c,
+    menu: s
+  } = a.useContext(J), d = l(), {
+    prefixCls: u,
+    className: p,
+    style: m,
+    theme: f = "light",
+    expandIcon: g,
+    _internalDisableMenuItemTitleTooltip: v,
+    inlineCollapsed: C,
+    siderCollapsed: b,
+    rootClassName: w,
+    mode: x,
+    selectable: y,
+    onClick: O,
+    overflowedIndicatorPopupClassName: j
+  } = e, T = kn(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), _ = ve(T, ["collapsedWidth"]);
+  if (process.env.NODE_ENV !== "production") {
+    const H = fe("Menu");
+    process.env.NODE_ENV !== "production" && H(!("inlineCollapsed" in e && x !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), process.env.NODE_ENV !== "production" && H(!(e.siderCollapsed !== void 0 && "inlineCollapsed" in e), "usage", "`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead."), H.deprecated("items" in e && !e.children, "children", "items");
+  }
+  (o = r.validator) === null || o === void 0 || o.call(r, {
+    mode: x
+  });
+  const h = bt(function() {
+    var H;
+    O == null || O.apply(void 0, arguments), (H = r.onClick) === null || H === void 0 || H.call(r);
+  }), E = r.mode || x, z = y ?? r.selectable, P = a.useMemo(() => b !== void 0 ? b : C, [C, b]), I = {
+    horizontal: {
+      motionName: `${d}-slide-up`
+    },
+    inline: ao(d),
+    other: {
+      motionName: `${d}-zoom-big`
+    }
+  }, $ = l("menu", u || r.prefixCls), D = Pe($), [k, S, N] = Ln($, D, !n), R = M(`${$}-${f}`, s == null ? void 0 : s.className, p), V = a.useMemo(() => {
+    var H, X;
+    if (typeof g == "function" || _e(g))
+      return g || 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 = (H = g ?? (r == null ? void 0 : r.expandIcon)) !== null && H !== void 0 ? H : s == null ? void 0 : s.expandIcon;
+    return se(q, {
+      className: M(`${$}-submenu-expand-icon`, /* @__PURE__ */ a.isValidElement(q) ? (X = q.props) === null || X === void 0 ? void 0 : X.className : void 0)
+    });
+  }, [g, r == null ? void 0 : r.expandIcon, s == null ? void 0 : s.expandIcon, $]), Z = a.useMemo(() => ({
+    prefixCls: $,
+    inlineCollapsed: P || !1,
+    direction: c,
+    firstLevel: !0,
+    theme: f,
+    mode: E,
+    disableMenuItemTitleTooltip: v
+  }), [$, P, c, v, f]);
+  return k(/* @__PURE__ */ a.createElement(Oe.Provider, {
+    value: null
+  }, /* @__PURE__ */ a.createElement(Se.Provider, {
+    value: Z
+  }, /* @__PURE__ */ a.createElement(go, Object.assign({
+    getPopupContainer: i,
+    overflowedIndicator: /* @__PURE__ */ a.createElement(ht, null),
+    overflowedIndicatorPopupClassName: M($, `${$}-${f}`, j),
+    mode: E,
+    selectable: z,
+    onClick: h
+  }, _, {
+    inlineCollapsed: P,
+    style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), m),
+    className: R,
+    prefixCls: $,
+    direction: c,
+    defaultMotions: I,
+    expandIcon: V,
+    ref: t,
+    rootClassName: M(w, S, r.rootClassName, N, D),
+    _internalComponents: Vn
+  })))));
+}), ue = /* @__PURE__ */ De((e, t) => {
+  const o = Ie(null), n = a.useContext(Ye);
+  return ft(t, () => ({
+    menu: o.current,
+    focus: (r) => {
+      var l;
+      (l = o.current) === null || l === void 0 || l.focus(r);
+    }
+  })), /* @__PURE__ */ a.createElement(Wn, Object.assign({
+    ref: o
+  }, e, n));
+});
+ue.Item = _t;
+ue.SubMenu = Rt;
+ue.Divider = Tt;
+ue.ItemGroup = fo;
+process.env.NODE_ENV !== "production" && (ue.displayName = "Menu");
+const Xn = (e) => {
+  const {
+    componentCls: t,
+    menuCls: o,
+    colorError: n,
+    colorTextLightSolid: r
+  } = e, l = `${o}-item`;
+  return {
+    [`${t}, ${t}-menu-submenu`]: {
+      [`${o} ${l}`]: {
+        [`&${l}-danger:not(${l}-disabled)`]: {
+          color: n,
+          "&:hover": {
+            color: r,
+            backgroundColor: n
+          }
+        }
+      }
+    }
+  };
+}, Fn = (e) => {
+  const {
+    componentCls: t,
+    menuCls: o,
+    zIndexPopup: n,
+    dropdownArrowDistance: r,
+    sizePopupArrow: l,
+    antCls: i,
+    iconCls: c,
+    motionDurationMid: s,
+    paddingBlock: d,
+    fontSize: u,
+    dropdownEdgeChildPadding: p,
+    colorTextDisabled: m,
+    fontSizeIcon: f,
+    controlPaddingHorizontal: g,
+    colorBgElevated: v
+  } = e;
+  return [
+    {
+      [t]: {
+        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(l).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
+          }
+        },
+        [`${t}-wrap`]: {
+          position: "relative",
+          [`${i}-btn > ${c}-down`]: {
+            fontSize: f
+          },
+          [`${c}-down::before`]: {
+            transition: `transform ${s}`
+          }
+        },
+        [`${t}-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${t}-placement-bottomLeft,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${t}-placement-bottomLeft,
+          &${i}-slide-down-enter${i}-slide-down-enter-active${t}-placement-bottom,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${t}-placement-bottom,
+          &${i}-slide-down-enter${i}-slide-down-enter-active${t}-placement-bottomRight,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${t}-placement-bottomRight`]: {
+          animationName: $o
+        },
+        [`&${i}-slide-up-enter${i}-slide-up-enter-active${t}-placement-topLeft,
+          &${i}-slide-up-appear${i}-slide-up-appear-active${t}-placement-topLeft,
+          &${i}-slide-up-enter${i}-slide-up-enter-active${t}-placement-top,
+          &${i}-slide-up-appear${i}-slide-up-appear-active${t}-placement-top,
+          &${i}-slide-up-enter${i}-slide-up-enter-active${t}-placement-topRight,
+          &${i}-slide-up-appear${i}-slide-up-appear-active${t}-placement-topRight`]: {
+          animationName: ho
+        },
+        [`&${i}-slide-down-leave${i}-slide-down-leave-active${t}-placement-bottomLeft,
+          &${i}-slide-down-leave${i}-slide-down-leave-active${t}-placement-bottom,
+          &${i}-slide-down-leave${i}-slide-down-leave-active${t}-placement-bottomRight`]: {
+          animationName: bo
+        },
+        [`&${i}-slide-up-leave${i}-slide-up-leave-active${t}-placement-topLeft,
+          &${i}-slide-up-leave${i}-slide-up-leave-active${t}-placement-top,
+          &${i}-slide-up-leave${i}-slide-up-leave-active${t}-placement-topRight`]: {
+          animationName: vo
+        }
+      }
+    },
+    // =============================================================
+    // ==                        Arrow style                      ==
+    // =============================================================
+    qe(e, v, {
+      arrowPlacement: {}
+    }),
+    {
+      // =============================================================
+      // ==                          Menu                           ==
+      // =============================================================
+      [`${t} ${o}`]: {
+        position: "relative",
+        margin: 0
+      },
+      [`${o}-submenu-popup`]: {
+        position: "absolute",
+        zIndex: n,
+        background: "transparent",
+        boxShadow: "none",
+        transformOrigin: "0 0",
+        "ul, li": {
+          listStyle: "none",
+          margin: 0
+        }
+      },
+      [`${t}, ${t}-menu-submenu`]: Object.assign(Object.assign({}, ge(e)), {
+        [o]: Object.assign(Object.assign({
+          padding: p,
+          listStyleType: "none",
+          backgroundColor: v,
+          backgroundClip: "padding-box",
+          borderRadius: e.borderRadiusLG,
+          outline: "none",
+          boxShadow: e.boxShadowSecondary
+        }, tt(e)), {
+          "&:empty": {
+            padding: 0,
+            boxShadow: "none"
+          },
+          [`${o}-item-group-title`]: {
+            padding: `${B(d)} ${B(g)}`,
+            color: e.colorTextDescription,
+            transition: `all ${s}`
+          },
+          // ======================= Item Content =======================
+          [`${o}-item`]: {
+            position: "relative",
+            display: "flex",
+            alignItems: "center"
+          },
+          [`${o}-item-icon`]: {
+            minWidth: u,
+            marginInlineEnd: e.marginXS,
+            fontSize: e.fontSizeSM
+          },
+          [`${o}-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: '""'
+              }
+            },
+            [`${o}-item-extra`]: {
+              paddingInlineStart: e.padding,
+              marginInlineStart: "auto",
+              fontSize: e.fontSizeSM,
+              color: e.colorTextDescription
+            }
+          },
+          // =========================== Item ===========================
+          [`${o}-item, ${o}-submenu-title`]: Object.assign(Object.assign({
+            display: "flex",
+            margin: 0,
+            padding: `${B(d)} ${B(g)}`,
+            color: e.colorText,
+            fontWeight: "normal",
+            fontSize: u,
+            lineHeight: e.lineHeight,
+            cursor: "pointer",
+            transition: `all ${s}`,
+            borderRadius: e.borderRadiusSM,
+            "&:hover, &-active": {
+              backgroundColor: e.controlItemBgHover
+            }
+          }, tt(e)), {
+            "&-selected": {
+              color: e.colorPrimary,
+              backgroundColor: e.controlItemBgActive,
+              "&:hover, &-active": {
+                backgroundColor: e.controlItemBgActiveHover
+              }
+            },
+            "&-disabled": {
+              color: m,
+              cursor: "not-allowed",
+              "&:hover": {
+                color: m,
+                backgroundColor: v,
+                cursor: "not-allowed"
+              },
+              a: {
+                pointerEvents: "none"
+              }
+            },
+            "&-divider": {
+              height: 1,
+              // By design
+              margin: `${B(e.marginXXS)} 0`,
+              overflow: "hidden",
+              lineHeight: 0,
+              backgroundColor: e.colorSplit
+            },
+            [`${t}-menu-submenu-expand-icon`]: {
+              position: "absolute",
+              insetInlineEnd: e.paddingXS,
+              [`${t}-menu-submenu-arrow-icon`]: {
+                marginInlineEnd: "0 !important",
+                color: e.colorTextDescription,
+                fontSize: f,
+                fontStyle: "normal"
+              }
+            }
+          }),
+          [`${o}-item-group-list`]: {
+            margin: `0 ${B(e.marginXS)}`,
+            padding: 0,
+            listStyle: "none"
+          },
+          [`${o}-submenu-title`]: {
+            paddingInlineEnd: e.calc(g).add(e.fontSizeSM).equal()
+          },
+          [`${o}-submenu-vertical`]: {
+            position: "relative"
+          },
+          [`${o}-submenu${o}-submenu-disabled ${t}-menu-submenu-title`]: {
+            [`&, ${t}-menu-submenu-arrow-icon`]: {
+              color: m,
+              backgroundColor: v,
+              cursor: "not-allowed"
+            }
+          },
+          // https://github.com/ant-design/ant-design/issues/19264
+          [`${o}-submenu-selected ${t}-menu-submenu-title`]: {
+            color: e.colorPrimary
+          }
+        })
+      })
+    },
+    // Follow code may reuse in other components
+    [ye(e, "slide-up"), ye(e, "slide-down"), nt(e, "move-up"), nt(e, "move-down"), Be(e, "zoom-big")]
+  ];
+}, qn = (e) => Object.assign(Object.assign({
+  zIndexPopup: e.zIndexPopupBase + 50,
+  paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
+}, Ne({
+  contentRadius: e.borderRadiusLG,
+  limitVerticalRadius: !0
+})), Fe(e)), Gn = le("Dropdown", (e) => {
+  const {
+    marginXXS: t,
+    sizePopupArrow: o,
+    paddingXXS: n,
+    componentCls: r
+  } = e, l = ae(e, {
+    menuCls: `${r}-menu`,
+    dropdownArrowDistance: e.calc(o).div(2).add(t).equal(),
+    dropdownEdgeChildPadding: n
+  });
+  return [Fn(l), Xn(l)];
+}, qn, {
+  resetStyle: !1
+}), be = (e) => {
+  var t;
+  const {
+    menu: o,
+    arrow: n,
+    prefixCls: r,
+    children: l,
+    trigger: i,
+    disabled: c,
+    dropdownRender: s,
+    getPopupContainer: d,
+    overlayClassName: u,
+    rootClassName: p,
+    overlayStyle: m,
+    open: f,
+    onOpenChange: g,
+    // Deprecated
+    visible: v,
+    onVisibleChange: C,
+    mouseEnterDelay: b = 0.15,
+    mouseLeaveDelay: w = 0.1,
+    autoAdjustOverflow: x = !0,
+    placement: y = "",
+    overlay: O,
+    transitionName: j
+  } = e, {
+    getPopupContainer: T,
+    getPrefixCls: _,
+    direction: h,
+    dropdown: E
+  } = a.useContext(J), z = fe("Dropdown");
+  process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((L) => {
+    let [oe, ee] = L;
+    z.deprecated(!(oe in e), oe, ee);
+  }), z.deprecated(!("overlay" in e), "overlay", "menu"));
+  const P = a.useMemo(() => {
+    const L = _();
+    return j !== void 0 ? j : y.includes("top") ? `${L}-slide-down` : `${L}-slide-up`;
+  }, [_, y, j]), I = a.useMemo(() => y ? y.includes("Center") ? y.slice(0, y.indexOf("Center")) : y : h === "rtl" ? "bottomRight" : "bottomLeft", [y, h]);
+  if (process.env.NODE_ENV !== "production") {
+    if (y.includes("Center")) {
+      const L = y.slice(0, y.indexOf("Center"));
+      process.env.NODE_ENV !== "production" && z(!y.includes("Center"), "deprecated", `You are using '${y}' placement in Dropdown, which is deprecated. Try to use '${L}' instead.`);
+    }
+    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((L) => {
+      let [oe, ee] = L;
+      z.deprecated(!(oe in e), oe, ee);
+    });
+  }
+  const $ = _("dropdown", r), D = Pe($), [k, S, N] = Gn($, D), [, R] = Ae(), V = a.Children.only(l), Z = se(V, {
+    className: M(`${$}-trigger`, {
+      [`${$}-rtl`]: h === "rtl"
+    }, V.props.className),
+    disabled: (t = V.props.disabled) !== null && t !== void 0 ? t : c
+  }), H = c ? [] : i, X = !!(H != null && H.includes("contextMenu")), [q, Y] = Le(!1, {
+    value: f ?? v
+  }), F = bt((L) => {
+    g == null || g(L, {
+      source: "trigger"
+    }), C == null || C(L), Y(L);
+  }), K = M(u, p, S, N, D, E == null ? void 0 : E.className, {
+    [`${$}-rtl`]: h === "rtl"
+  }), A = St({
+    arrowPointAtCenter: typeof n == "object" && n.pointAtCenter,
+    autoAdjustOverflow: x,
+    offset: R.marginXXS,
+    arrowWidth: n ? R.sizePopupArrow : 0,
+    borderRadius: R.borderRadius
+  }), W = a.useCallback(() => {
+    o != null && o.selectable && (o != null && o.multiple) || (g == null || g(!1, {
+      source: "menu"
+    }), Y(!1));
+  }, [o == null ? void 0 : o.selectable, o == null ? void 0 : o.multiple]), U = () => {
+    let L;
+    return o != null && o.items ? L = /* @__PURE__ */ a.createElement(ue, Object.assign({}, o)) : typeof O == "function" ? L = O() : L = O, s && (L = s(L)), L = a.Children.only(typeof L == "string" ? /* @__PURE__ */ a.createElement("span", null, L) : L), /* @__PURE__ */ a.createElement(_n, {
+      prefixCls: `${$}-menu`,
+      rootClassName: M(N, D),
+      expandIcon: /* @__PURE__ */ a.createElement("span", {
+        className: `${$}-menu-submenu-arrow`
+      }, /* @__PURE__ */ a.createElement(we, {
+        className: `${$}-menu-submenu-arrow-icon`
+      })),
+      mode: "vertical",
+      selectable: !1,
+      onClick: W,
+      validator: (oe) => {
+        let {
+          mode: ee
+        } = oe;
+        process.env.NODE_ENV !== "production" && z(!ee || ee === "vertical", "usage", `mode="${ee}" is not supported for Dropdown's Menu.`);
+      }
+    }, L);
+  }, [ie, je] = Ve("Dropdown", m == null ? void 0 : m.zIndex);
+  let me = /* @__PURE__ */ a.createElement(Co, Object.assign({
+    alignPoint: X
+  }, ve(e, ["rootClassName"]), {
+    mouseEnterDelay: b,
+    mouseLeaveDelay: w,
+    visible: q,
+    builtinPlacements: A,
+    arrow: !!n,
+    overlayClassName: K,
+    prefixCls: $,
+    getPopupContainer: d || T,
+    transitionName: P,
+    trigger: H,
+    overlay: U,
+    placement: I,
+    onVisibleChange: F,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, E == null ? void 0 : E.style), m), {
+      zIndex: ie
+    })
+  }), Z);
+  return ie && (me = /* @__PURE__ */ a.createElement(Ct.Provider, {
+    value: je
+  }, me)), k(me);
+};
+function Yn(e) {
+  return Object.assign(Object.assign({}, e), {
+    align: {
+      overflow: {
+        adjustX: !1,
+        adjustY: !1
+      }
+    }
+  });
+}
+const Un = wo(be, "dropdown", (e) => e, Yn), Kn = (e) => /* @__PURE__ */ a.createElement(Un, Object.assign({}, e), /* @__PURE__ */ a.createElement("span", null));
+be._InternalPanelDoNotUseOrYouWillBeFired = Kn;
+process.env.NODE_ENV !== "production" && (be.displayName = "Dropdown");
+function mt(e) {
+  return ["small", "middle", "large"].includes(e);
+}
+function pt(e) {
+  return e ? typeof e == "number" && !Number.isNaN(e) : !1;
+}
+const Mt = /* @__PURE__ */ gt.createContext({
+  latestIndex: 0
+}), Zn = Mt.Provider, Qn = (e) => {
+  let {
+    className: t,
+    index: o,
+    children: n,
+    split: r,
+    style: l
+  } = e;
+  const {
+    latestIndex: i
+  } = a.useContext(Mt);
+  return n == null ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
+    className: t,
+    style: l
+  }, n), o < i && r && /* @__PURE__ */ a.createElement("span", {
+    className: `${t}-split`
+  }, r));
+};
+var Jn = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const er = /* @__PURE__ */ a.forwardRef((e, t) => {
+  var o, n, r;
+  const {
+    getPrefixCls: l,
+    space: i,
+    direction: c
+  } = a.useContext(J), {
+    size: s = (o = i == null ? void 0 : i.size) !== null && o !== void 0 ? o : "small",
+    align: d,
+    className: u,
+    rootClassName: p,
+    children: m,
+    direction: f = "horizontal",
+    prefixCls: g,
+    split: v,
+    style: C,
+    wrap: b = !1,
+    classNames: w,
+    styles: x
+  } = e, y = Jn(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [O, j] = Array.isArray(s) ? s : [s, s], T = mt(j), _ = mt(O), h = pt(j), E = pt(O), z = ke(m, {
+    keepEmpty: !0
+  }), P = d === void 0 && f === "horizontal" ? "center" : d, I = l("space", g), [$, D, k] = xo(I), S = M(I, i == null ? void 0 : i.className, D, `${I}-${f}`, {
+    [`${I}-rtl`]: c === "rtl",
+    [`${I}-align-${P}`]: P,
+    [`${I}-gap-row-${j}`]: T,
+    [`${I}-gap-col-${O}`]: _
+  }, u, p, k), N = M(`${I}-item`, (n = w == null ? void 0 : w.item) !== null && n !== void 0 ? n : (r = i == null ? void 0 : i.classNames) === null || r === void 0 ? void 0 : r.item);
+  let R = 0;
+  const V = z.map((X, q) => {
+    var Y, F;
+    X != null && (R = q);
+    const K = (X == null ? void 0 : X.key) || `${N}-${q}`;
+    return /* @__PURE__ */ a.createElement(Qn, {
+      className: N,
+      key: K,
+      index: q,
+      split: v,
+      style: (Y = x == null ? void 0 : x.item) !== null && Y !== void 0 ? Y : (F = i == null ? void 0 : i.styles) === null || F === void 0 ? void 0 : F.item
+    }, X);
+  }), Z = a.useMemo(() => ({
+    latestIndex: R
+  }), [R]);
+  if (z.length === 0)
+    return null;
+  const H = {};
+  return b && (H.flexWrap = "wrap"), !_ && E && (H.columnGap = O), !T && h && (H.rowGap = j), $(/* @__PURE__ */ a.createElement("div", Object.assign({
+    ref: t,
+    className: S,
+    style: Object.assign(Object.assign(Object.assign({}, H), i == null ? void 0 : i.style), C)
+  }, y), /* @__PURE__ */ a.createElement(Zn, {
+    value: Z
+  }, V)));
+}), Ue = er;
+Ue.Compact = So;
+process.env.NODE_ENV !== "production" && (Ue.displayName = "Space");
+var tr = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const Dt = (e) => {
+  const {
+    getPopupContainer: t,
+    getPrefixCls: o,
+    direction: n
+  } = a.useContext(J), {
+    prefixCls: r,
+    type: l = "default",
+    danger: i,
+    disabled: c,
+    loading: s,
+    onClick: d,
+    htmlType: u,
+    children: p,
+    className: m,
+    menu: f,
+    arrow: g,
+    autoFocus: v,
+    overlay: C,
+    trigger: b,
+    align: w,
+    open: x,
+    onOpenChange: y,
+    placement: O,
+    getPopupContainer: j,
+    href: T,
+    icon: _ = /* @__PURE__ */ a.createElement(ht, null),
+    title: h,
+    buttonsRender: E = (A) => A,
+    mouseEnterDelay: z,
+    mouseLeaveDelay: P,
+    overlayClassName: I,
+    overlayStyle: $,
+    destroyPopupOnHide: D,
+    dropdownRender: k
+  } = e, S = tr(e, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"]), N = o("dropdown", r), R = `${N}-button`, V = {
+    menu: f,
+    arrow: g,
+    autoFocus: v,
+    align: w,
+    disabled: c,
+    trigger: c ? [] : b,
+    onOpenChange: y,
+    getPopupContainer: j || t,
+    mouseEnterDelay: z,
+    mouseLeaveDelay: P,
+    overlayClassName: I,
+    overlayStyle: $,
+    destroyPopupOnHide: D,
+    dropdownRender: k
+  }, {
+    compactSize: Z,
+    compactItemClassnames: H
+  } = Oo(N, n), X = M(R, H, m);
+  "overlay" in e && (V.overlay = C), "open" in e && (V.open = x), "placement" in e ? V.placement = O : V.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
+  const q = /* @__PURE__ */ a.createElement(ot, {
+    type: l,
+    danger: i,
+    disabled: c,
+    loading: s,
+    onClick: d,
+    htmlType: u,
+    href: T,
+    title: h
+  }, p), Y = /* @__PURE__ */ a.createElement(ot, {
+    type: l,
+    danger: i,
+    icon: _
+  }), [F, K] = E([q, Y]);
+  return /* @__PURE__ */ a.createElement(Ue.Compact, Object.assign({
+    className: X,
+    size: Z,
+    block: !0
+  }, S), F, /* @__PURE__ */ a.createElement(be, Object.assign({}, V), K));
+};
+Dt.__ANT_BUTTON = !0;
+const Ht = be;
+Ht.Button = Dt;
+const or = (e) => /* @__PURE__ */ a.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), nr = "_avatar_1q3yh_1", rr = "_pointer_1q3yh_7", ir = "_flexRowCenter_1q3yh_11", ar = "_userTitle_1q3yh_18", Ce = {
+  avatar: nr,
+  pointer: rr,
+  flexRowCenter: ir,
+  userTitle: ar
+}, gr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ he(Ht, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ Ft("a", { onClick: (r) => r.preventDefault(), className: Ce.flexRowCenter, children: [
+  /* @__PURE__ */ he(Bt, { className: Gt(Ce.avatar, Ce.pointer), size: "large", children: t[0] }),
+  !o && /* @__PURE__ */ he("span", { className: Ce.userTitle, children: t }),
+  !o && /* @__PURE__ */ he(or, {})
+] }) });
+export {
+  ue as M,
+  or as S,
+  gr as U
+};