@amateescu/portal-ui-components 0.0.35-beta0 → 0.0.37-beta1

package/dist/UserInfoDropdown-CWTcdnqL.js

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