@amateescu/portal-ui-components 0.0.34 → 0.0.37-beta0

package/dist/UserInfoDropdown-Bf6STdbW.js

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