@gobolt/genesis 0.0.7

package/dist/genesis/styles.js

@@ -0,0 +1,4038 @@
+import { d as fa } from "../styled-components.browser.esm-CZ1XM4o4.js";
+import { T as Ja } from "../index-D1v_7IIx.js";
+import * as i from "react";
+import _e, { forwardRef as Qa, useMemo as Mn, useRef as ve, useCallback as vt, useImperativeHandle as er, createContext as tr, useState as be, useEffect as Be } from "react";
+import { c as D, m as On, n as Tn, z as w, C as Ve, H as Ke, B as Qe, G as va, t as ma, s as ga, d as Se, e as z, _ as ae, h as B, ai as nr, af as pa, a as Y, w as rt, v as ba, o as ar, p as rr, q as ir, r as or, M as ha, b as en, l as lr, k as sr, A as Ln, E as ya, D as Dn, ak as zn, U as xn, P as tn } from "../index-BWys7dkb.js";
+import { o as it, i as cr, u as bt, t as Ca } from "../isVisible-CNQjrJPN.js";
+import { a as $a } from "../Compact-CJBo3f0u.js";
+import { K as ur, T as Sa, c as dr, g as fr } from "../index-VDH3iLaC.js";
+import { F as Lt, i as Xn, R as vr } from "../Overflow-CP1M4Z0s.js";
+import { I as xa } from "../AntdIcon-Bsnbyy6g.js";
+import { R as hn } from "../index-BQO27mgE.js";
+import { K as ge } from "../CheckOutlined-DAynWe12.js";
+import { r as mr } from "../index-BPtFqhcp.js";
+import { u as gr } from "../context-CZsFJmh6.js";
+const nn = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    style: n,
+    size: r,
+    shape: o
+  } = e, l = D({
+    [`${t}-lg`]: r === "large",
+    [`${t}-sm`]: r === "small"
+  }), s = D({
+    [`${t}-circle`]: o === "circle",
+    [`${t}-square`]: o === "square",
+    [`${t}-round`]: o === "round"
+  }), c = i.useMemo(() => typeof r == "number" ? {
+    width: r,
+    height: r,
+    lineHeight: `${r}px`
+  } : {}, [r]);
+  return /* @__PURE__ */ i.createElement("span", {
+    className: D(t, l, s, a),
+    style: Object.assign(Object.assign({}, c), n)
+  });
+}, pr = new ur("ant-skeleton-loading", {
+  "0%": {
+    backgroundPosition: "100% 50%"
+  },
+  "100%": {
+    backgroundPosition: "0 50%"
+  }
+}), an = (e) => ({
+  height: e,
+  lineHeight: w(e)
+}), ht = (e) => Object.assign({
+  width: e
+}, an(e)), br = (e) => ({
+  background: e.skeletonLoadingBackground,
+  backgroundSize: "400% 100%",
+  animationName: pr,
+  animationDuration: e.skeletonLoadingMotionDuration,
+  animationTimingFunction: "ease",
+  animationIterationCount: "infinite"
+}), yn = (e, t) => Object.assign({
+  width: t(e).mul(5).equal(),
+  minWidth: t(e).mul(5).equal()
+}, an(e)), hr = (e) => {
+  const {
+    skeletonAvatarCls: t,
+    gradientFromColor: a,
+    controlHeight: n,
+    controlHeightLG: r,
+    controlHeightSM: o
+  } = e;
+  return {
+    [t]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: a
+    }, ht(n)),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
+    },
+    [`${t}${t}-lg`]: Object.assign({}, ht(r)),
+    [`${t}${t}-sm`]: Object.assign({}, ht(o))
+  };
+}, yr = (e) => {
+  const {
+    controlHeight: t,
+    borderRadiusSM: a,
+    skeletonInputCls: n,
+    controlHeightLG: r,
+    controlHeightSM: o,
+    gradientFromColor: l,
+    calc: s
+  } = e;
+  return {
+    [n]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: l,
+      borderRadius: a
+    }, yn(t, s)),
+    [`${n}-lg`]: Object.assign({}, yn(r, s)),
+    [`${n}-sm`]: Object.assign({}, yn(o, s))
+  };
+}, Yn = (e) => Object.assign({
+  width: e
+}, an(e)), Cr = (e) => {
+  const {
+    skeletonImageCls: t,
+    imageSizeBase: a,
+    gradientFromColor: n,
+    borderRadiusSM: r,
+    calc: o
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      verticalAlign: "middle",
+      background: n,
+      borderRadius: r
+    }, Yn(o(a).mul(2).equal())), {
+      [`${t}-path`]: {
+        fill: "#bfbfbf"
+      },
+      [`${t}-svg`]: Object.assign(Object.assign({}, Yn(a)), {
+        maxWidth: o(a).mul(4).equal(),
+        maxHeight: o(a).mul(4).equal()
+      }),
+      [`${t}-svg${t}-svg-circle`]: {
+        borderRadius: "50%"
+      }
+    }),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
+    }
+  };
+}, Cn = (e, t, a) => {
+  const {
+    skeletonButtonCls: n
+  } = e;
+  return {
+    [`${a}${n}-circle`]: {
+      width: t,
+      minWidth: t,
+      borderRadius: "50%"
+    },
+    [`${a}${n}-round`]: {
+      borderRadius: t
+    }
+  };
+}, $n = (e, t) => Object.assign({
+  width: t(e).mul(2).equal(),
+  minWidth: t(e).mul(2).equal()
+}, an(e)), $r = (e) => {
+  const {
+    borderRadiusSM: t,
+    skeletonButtonCls: a,
+    controlHeight: n,
+    controlHeightLG: r,
+    controlHeightSM: o,
+    gradientFromColor: l,
+    calc: s
+  } = e;
+  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+    [a]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: l,
+      borderRadius: t,
+      width: s(n).mul(2).equal(),
+      minWidth: s(n).mul(2).equal()
+    }, $n(n, s))
+  }, Cn(e, n, a)), {
+    [`${a}-lg`]: Object.assign({}, $n(r, s))
+  }), Cn(e, r, `${a}-lg`)), {
+    [`${a}-sm`]: Object.assign({}, $n(o, s))
+  }), Cn(e, o, `${a}-sm`));
+}, Sr = (e) => {
+  const {
+    componentCls: t,
+    skeletonAvatarCls: a,
+    skeletonTitleCls: n,
+    skeletonParagraphCls: r,
+    skeletonButtonCls: o,
+    skeletonInputCls: l,
+    skeletonImageCls: s,
+    controlHeight: c,
+    controlHeightLG: u,
+    controlHeightSM: v,
+    gradientFromColor: d,
+    padding: f,
+    marginSM: h,
+    borderRadius: S,
+    titleHeight: g,
+    blockRadius: x,
+    paragraphLiHeight: p,
+    controlHeightXS: C,
+    paragraphMarginTop: b
+  } = e;
+  return {
+    [t]: {
+      display: "table",
+      width: "100%",
+      [`${t}-header`]: {
+        display: "table-cell",
+        paddingInlineEnd: f,
+        verticalAlign: "top",
+        // Avatar
+        [a]: Object.assign({
+          display: "inline-block",
+          verticalAlign: "top",
+          background: d
+        }, ht(c)),
+        [`${a}-circle`]: {
+          borderRadius: "50%"
+        },
+        [`${a}-lg`]: Object.assign({}, ht(u)),
+        [`${a}-sm`]: Object.assign({}, ht(v))
+      },
+      [`${t}-content`]: {
+        display: "table-cell",
+        width: "100%",
+        verticalAlign: "top",
+        // Title
+        [n]: {
+          width: "100%",
+          height: g,
+          background: d,
+          borderRadius: x,
+          [`+ ${r}`]: {
+            marginBlockStart: v
+          }
+        },
+        // paragraph
+        [r]: {
+          padding: 0,
+          "> li": {
+            width: "100%",
+            height: p,
+            listStyle: "none",
+            background: d,
+            borderRadius: x,
+            "+ li": {
+              marginBlockStart: C
+            }
+          }
+        },
+        [`${r}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
+          width: "61%"
+        }
+      },
+      [`&-round ${t}-content`]: {
+        [`${n}, ${r} > li`]: {
+          borderRadius: S
+        }
+      }
+    },
+    [`${t}-with-avatar ${t}-content`]: {
+      // Title
+      [n]: {
+        marginBlockStart: h,
+        [`+ ${r}`]: {
+          marginBlockStart: b
+        }
+      }
+    },
+    // Skeleton element
+    [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
+      display: "inline-block",
+      width: "auto"
+    }, $r(e)), hr(e)), yr(e)), Cr(e)),
+    // Skeleton Block Button, Input
+    [`${t}${t}-block`]: {
+      width: "100%",
+      [o]: {
+        width: "100%"
+      },
+      [l]: {
+        width: "100%"
+      }
+    },
+    // With active animation
+    [`${t}${t}-active`]: {
+      [`
+        ${n},
+        ${r} > li,
+        ${a},
+        ${o},
+        ${l},
+        ${s}
+      `]: Object.assign({}, br(e))
+    }
+  };
+}, xr = (e) => {
+  const {
+    colorFillContent: t,
+    colorFill: a
+  } = e, n = t, r = a;
+  return {
+    color: n,
+    colorGradientEnd: r,
+    gradientFromColor: n,
+    gradientToColor: r,
+    titleHeight: e.controlHeight / 2,
+    blockRadius: e.borderRadiusSM,
+    paragraphMarginTop: e.marginLG + e.marginXXS,
+    paragraphLiHeight: e.controlHeight / 2
+  };
+}, yt = On("Skeleton", (e) => {
+  const {
+    componentCls: t,
+    calc: a
+  } = e, n = Tn(e, {
+    skeletonAvatarCls: `${t}-avatar`,
+    skeletonTitleCls: `${t}-title`,
+    skeletonParagraphCls: `${t}-paragraph`,
+    skeletonButtonCls: `${t}-button`,
+    skeletonInputCls: `${t}-input`,
+    skeletonImageCls: `${t}-image`,
+    imageSizeBase: a(e.controlHeight).mul(1.5).equal(),
+    borderRadius: 100,
+    // Large number to make capsule shape
+    skeletonLoadingBackground: `linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,
+    skeletonLoadingMotionDuration: "1.4s"
+  });
+  return [Sr(n)];
+}, xr, {
+  deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
+}), Er = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    rootClassName: n,
+    active: r,
+    shape: o = "circle",
+    size: l = "default"
+  } = e, {
+    getPrefixCls: s
+  } = i.useContext(Ve), c = s("skeleton", t), [u, v, d] = yt(c), f = it(e, ["prefixCls", "className"]), h = D(c, `${c}-element`, {
+    [`${c}-active`]: r
+  }, a, n, v, d);
+  return u(/* @__PURE__ */ i.createElement("div", {
+    className: h
+  }, /* @__PURE__ */ i.createElement(nn, Object.assign({
+    prefixCls: `${c}-avatar`,
+    shape: o,
+    size: l
+  }, f))));
+}, wr = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    rootClassName: n,
+    active: r,
+    block: o = !1,
+    size: l = "default"
+  } = e, {
+    getPrefixCls: s
+  } = i.useContext(Ve), c = s("skeleton", t), [u, v, d] = yt(c), f = it(e, ["prefixCls"]), h = D(c, `${c}-element`, {
+    [`${c}-active`]: r,
+    [`${c}-block`]: o
+  }, a, n, v, d);
+  return u(/* @__PURE__ */ i.createElement("div", {
+    className: h
+  }, /* @__PURE__ */ i.createElement(nn, Object.assign({
+    prefixCls: `${c}-button`,
+    size: l
+  }, f))));
+}, _r = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", Pr = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    rootClassName: n,
+    style: r,
+    active: o
+  } = e, {
+    getPrefixCls: l
+  } = i.useContext(Ve), s = l("skeleton", t), [c, u, v] = yt(s), d = D(s, `${s}-element`, {
+    [`${s}-active`]: o
+  }, a, n, u, v);
+  return c(/* @__PURE__ */ i.createElement("div", {
+    className: d
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: D(`${s}-image`, a),
+    style: r
+  }, /* @__PURE__ */ i.createElement("svg", {
+    viewBox: "0 0 1098 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: `${s}-image-svg`
+  }, /* @__PURE__ */ i.createElement("title", null, "Image placeholder"), /* @__PURE__ */ i.createElement("path", {
+    d: _r,
+    className: `${s}-image-path`
+  })))));
+}, Ir = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    rootClassName: n,
+    active: r,
+    block: o,
+    size: l = "default"
+  } = e, {
+    getPrefixCls: s
+  } = i.useContext(Ve), c = s("skeleton", t), [u, v, d] = yt(c), f = it(e, ["prefixCls"]), h = D(c, `${c}-element`, {
+    [`${c}-active`]: r,
+    [`${c}-block`]: o
+  }, a, n, v, d);
+  return u(/* @__PURE__ */ i.createElement("div", {
+    className: h
+  }, /* @__PURE__ */ i.createElement(nn, Object.assign({
+    prefixCls: `${c}-input`,
+    size: l
+  }, f))));
+}, Rr = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    rootClassName: n,
+    style: r,
+    active: o,
+    children: l
+  } = e, {
+    getPrefixCls: s
+  } = i.useContext(Ve), c = s("skeleton", t), [u, v, d] = yt(c), f = D(c, `${c}-element`, {
+    [`${c}-active`]: o
+  }, v, a, n, d);
+  return u(/* @__PURE__ */ i.createElement("div", {
+    className: f
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: D(`${c}-image`, a),
+    style: r
+  }, l)));
+}, Nr = (e, t) => {
+  const {
+    width: a,
+    rows: n = 2
+  } = t;
+  if (Array.isArray(a))
+    return a[e];
+  if (n - 1 === e)
+    return a;
+}, Mr = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    style: n,
+    rows: r
+  } = e, o = Ke(new Array(r)).map((l, s) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ i.createElement("li", {
+      key: s,
+      style: {
+        width: Nr(s, e)
+      }
+    })
+  ));
+  return /* @__PURE__ */ i.createElement("ul", {
+    className: D(t, a),
+    style: n
+  }, o);
+}, Or = (e) => {
+  let {
+    prefixCls: t,
+    className: a,
+    width: n,
+    style: r
+  } = e;
+  return (
+    // biome-ignore lint/a11y/useHeadingContent: HOC here
+    /* @__PURE__ */ i.createElement("h3", {
+      className: D(t, a),
+      style: Object.assign({
+        width: n
+      }, r)
+    })
+  );
+};
+function Sn(e) {
+  return e && typeof e == "object" ? e : {};
+}
+function Tr(e, t) {
+  return e && !t ? {
+    size: "large",
+    shape: "square"
+  } : {
+    size: "large",
+    shape: "circle"
+  };
+}
+function Lr(e, t) {
+  return !e && t ? {
+    width: "38%"
+  } : e && t ? {
+    width: "50%"
+  } : {};
+}
+function Dr(e, t) {
+  const a = {};
+  return (!e || !t) && (a.width = "61%"), !e && t ? a.rows = 3 : a.rows = 2, a;
+}
+const ot = (e) => {
+  const {
+    prefixCls: t,
+    loading: a,
+    className: n,
+    rootClassName: r,
+    style: o,
+    children: l,
+    avatar: s = !1,
+    title: c = !0,
+    paragraph: u = !0,
+    active: v,
+    round: d
+  } = e, {
+    getPrefixCls: f,
+    direction: h,
+    skeleton: S
+  } = i.useContext(Ve), g = f("skeleton", t), [x, p, C] = yt(g);
+  if (a || !("loading" in e)) {
+    const b = !!s, _ = !!c, R = !!u;
+    let P;
+    if (b) {
+      const E = Object.assign(Object.assign({
+        prefixCls: `${g}-avatar`
+      }, Tr(_, R)), Sn(s));
+      P = /* @__PURE__ */ i.createElement("div", {
+        className: `${g}-header`
+      }, /* @__PURE__ */ i.createElement(nn, Object.assign({}, E)));
+    }
+    let M;
+    if (_ || R) {
+      let E;
+      if (_) {
+        const y = Object.assign(Object.assign({
+          prefixCls: `${g}-title`
+        }, Lr(b, R)), Sn(c));
+        E = /* @__PURE__ */ i.createElement(Or, Object.assign({}, y));
+      }
+      let T;
+      if (R) {
+        const y = Object.assign(Object.assign({
+          prefixCls: `${g}-paragraph`
+        }, Dr(b, _)), Sn(u));
+        T = /* @__PURE__ */ i.createElement(Mr, Object.assign({}, y));
+      }
+      M = /* @__PURE__ */ i.createElement("div", {
+        className: `${g}-content`
+      }, E, T);
+    }
+    const O = D(g, {
+      [`${g}-with-avatar`]: b,
+      [`${g}-active`]: v,
+      [`${g}-rtl`]: h === "rtl",
+      [`${g}-round`]: d
+    }, S == null ? void 0 : S.className, n, r, p, C);
+    return x(/* @__PURE__ */ i.createElement("div", {
+      className: O,
+      style: Object.assign(Object.assign({}, S == null ? void 0 : S.style), o)
+    }, P, M));
+  }
+  return l ?? null;
+};
+ot.Button = wr;
+ot.Avatar = Er;
+ot.Input = Ir;
+ot.Image = Pr;
+ot.Node = Rr;
+process.env.NODE_ENV !== "production" && (ot.displayName = "Skeleton");
+var zr = ge.ESC, Ar = ge.TAB;
+function kr(e) {
+  var t = e.visible, a = e.triggerRef, n = e.onVisibleChange, r = e.autoFocus, o = e.overlayRef, l = i.useRef(!1), s = function() {
+    if (t) {
+      var d, f;
+      (d = a.current) === null || d === void 0 || (f = d.focus) === null || f === void 0 || f.call(d), n == null || n(!1);
+    }
+  }, c = function() {
+    var d;
+    return (d = o.current) !== null && d !== void 0 && d.focus ? (o.current.focus(), l.current = !0, !0) : !1;
+  }, u = function(d) {
+    switch (d.keyCode) {
+      case zr:
+        s();
+        break;
+      case Ar: {
+        var f = !1;
+        l.current || (f = c()), f ? d.preventDefault() : s();
+        break;
+      }
+    }
+  };
+  i.useEffect(function() {
+    return t ? (window.addEventListener("keydown", u), r && Qe(c, 3), function() {
+      window.removeEventListener("keydown", u), l.current = !1;
+    }) : function() {
+      l.current = !1;
+    };
+  }, [t]);
+}
+var jr = /* @__PURE__ */ Qa(function(e, t) {
+  var a = e.overlay, n = e.arrow, r = e.prefixCls, o = Mn(function() {
+    var s;
+    return typeof a == "function" ? s = a() : s = a, s;
+  }, [a]), l = va(t, ma(o));
+  return /* @__PURE__ */ _e.createElement(_e.Fragment, null, n && /* @__PURE__ */ _e.createElement("div", {
+    className: "".concat(r, "-arrow")
+  }), /* @__PURE__ */ _e.cloneElement(o, {
+    ref: ga(o) ? l : void 0
+  }));
+}), mt = {
+  adjustX: 1,
+  adjustY: 1
+}, gt = [0, 0], Br = {
+  topLeft: {
+    points: ["bl", "tl"],
+    overflow: mt,
+    offset: [0, -4],
+    targetOffset: gt
+  },
+  top: {
+    points: ["bc", "tc"],
+    overflow: mt,
+    offset: [0, -4],
+    targetOffset: gt
+  },
+  topRight: {
+    points: ["br", "tr"],
+    overflow: mt,
+    offset: [0, -4],
+    targetOffset: gt
+  },
+  bottomLeft: {
+    points: ["tl", "bl"],
+    overflow: mt,
+    offset: [0, 4],
+    targetOffset: gt
+  },
+  bottom: {
+    points: ["tc", "bc"],
+    overflow: mt,
+    offset: [0, 4],
+    targetOffset: gt
+  },
+  bottomRight: {
+    points: ["tr", "br"],
+    overflow: mt,
+    offset: [0, 4],
+    targetOffset: gt
+  }
+}, Kr = ["arrow", "prefixCls", "transitionName", "animation", "align", "placement", "placements", "getPopupContainer", "showAction", "hideAction", "overlayClassName", "overlayStyle", "visible", "trigger", "autoFocus", "overlay", "children", "onVisibleChange"];
+function Vr(e, t) {
+  var a, n = e.arrow, r = n === void 0 ? !1 : n, o = e.prefixCls, l = o === void 0 ? "rc-dropdown" : o, s = e.transitionName, c = e.animation, u = e.align, v = e.placement, d = v === void 0 ? "bottomLeft" : v, f = e.placements, h = f === void 0 ? Br : f, S = e.getPopupContainer, g = e.showAction, x = e.hideAction, p = e.overlayClassName, C = e.overlayStyle, b = e.visible, _ = e.trigger, R = _ === void 0 ? ["hover"] : _, P = e.autoFocus, M = e.overlay, O = e.children, E = e.onVisibleChange, T = Se(e, Kr), y = _e.useState(), $ = z(y, 2), N = $[0], I = $[1], j = "visible" in e ? b : N, G = _e.useRef(null), m = _e.useRef(null), W = _e.useRef(null);
+  _e.useImperativeHandle(t, function() {
+    return G.current;
+  });
+  var J = function(q) {
+    I(q), E == null || E(q);
+  };
+  kr({
+    visible: j,
+    triggerRef: W,
+    onVisibleChange: J,
+    autoFocus: P,
+    overlayRef: m
+  });
+  var F = function(q) {
+    var te = e.onOverlayClick;
+    I(!1), te && te(q);
+  }, ee = function() {
+    return /* @__PURE__ */ _e.createElement(jr, {
+      ref: m,
+      overlay: M,
+      prefixCls: l,
+      arrow: r
+    });
+  }, se = function() {
+    return typeof M == "function" ? ee : ee();
+  }, A = function() {
+    var q = e.minOverlayWidthMatchTrigger, te = e.alignPoint;
+    return "minOverlayWidthMatchTrigger" in e ? q : !te;
+  }, K = function() {
+    var q = e.openClassName;
+    return q !== void 0 ? q : "".concat(l, "-open");
+  }, k = /* @__PURE__ */ _e.cloneElement(O, {
+    className: D((a = O.props) === null || a === void 0 ? void 0 : a.className, j && K()),
+    ref: ga(O) ? va(W, ma(O)) : void 0
+  }), V = x;
+  return !V && R.indexOf("contextMenu") !== -1 && (V = ["click"]), /* @__PURE__ */ _e.createElement(Sa, ae({
+    builtinPlacements: h
+  }, T, {
+    prefixCls: l,
+    ref: G,
+    popupClassName: D(p, B({}, "".concat(l, "-show-arrow"), r)),
+    popupStyle: C,
+    action: R,
+    showAction: g,
+    hideAction: V,
+    popupPlacement: d,
+    popupAlign: u,
+    popupTransitionName: s,
+    popupAnimation: c,
+    popupVisible: j,
+    stretch: A() ? "minWidth" : "",
+    popup: se(),
+    onPopupVisibleChange: J,
+    onPopupClick: F,
+    getPopupContainer: S
+  }), k);
+}
+const Hr = /* @__PURE__ */ _e.forwardRef(Vr);
+var Ea = /* @__PURE__ */ i.createContext(null);
+function wa(e, t) {
+  return e === void 0 ? null : "".concat(e, "-").concat(t);
+}
+function _a(e) {
+  var t = i.useContext(Ea);
+  return wa(t, e);
+}
+var Gr = ["children", "locked"], ze = /* @__PURE__ */ i.createContext(null);
+function Wr(e, t) {
+  var a = Y({}, e);
+  return Object.keys(t).forEach(function(n) {
+    var r = t[n];
+    r !== void 0 && (a[n] = r);
+  }), a;
+}
+function Dt(e) {
+  var t = e.children, a = e.locked, n = Se(e, Gr), r = i.useContext(ze), o = nr(function() {
+    return Wr(r, n);
+  }, [r, n], function(l, s) {
+    return !a && (l[0] !== s[0] || !pa(l[1], s[1], !0));
+  });
+  return /* @__PURE__ */ i.createElement(ze.Provider, {
+    value: o
+  }, t);
+}
+var Fr = [], Pa = /* @__PURE__ */ i.createContext(null);
+function rn() {
+  return i.useContext(Pa);
+}
+var Ia = /* @__PURE__ */ i.createContext(Fr);
+function zt(e) {
+  var t = i.useContext(Ia);
+  return i.useMemo(function() {
+    return e !== void 0 ? [].concat(Ke(t), [e]) : t;
+  }, [t, e]);
+}
+var Ra = /* @__PURE__ */ i.createContext(null), An = /* @__PURE__ */ i.createContext({});
+function Zn(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  if (cr(e)) {
+    var a = e.nodeName.toLowerCase(), n = (
+      // Focusable element
+      ["input", "select", "textarea", "button"].includes(a) || // Editable element
+      e.isContentEditable || // Anchor with href element
+      a === "a" && !!e.getAttribute("href")
+    ), r = e.getAttribute("tabindex"), o = Number(r), l = null;
+    return r && !Number.isNaN(o) ? l = o : n && l === null && (l = 0), n && e.disabled && (l = null), l !== null && (l >= 0 || t && l < 0);
+  }
+  return !1;
+}
+function qr(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, a = Ke(e.querySelectorAll("*")).filter(function(n) {
+    return Zn(n, t);
+  });
+  return Zn(e, t) && a.unshift(e), a;
+}
+var En = ge.LEFT, wn = ge.RIGHT, _n = ge.UP, Yt = ge.DOWN, Zt = ge.ENTER, Na = ge.ESC, Mt = ge.HOME, Ot = ge.END, Jn = [_n, Yt, En, wn];
+function Ur(e, t, a, n) {
+  var r, o = "prev", l = "next", s = "children", c = "parent";
+  if (e === "inline" && n === Zt)
+    return {
+      inlineTrigger: !0
+    };
+  var u = B(B({}, _n, o), Yt, l), v = B(B(B(B({}, En, a ? l : o), wn, a ? o : l), Yt, s), Zt, s), d = B(B(B(B(B(B({}, _n, o), Yt, l), Zt, s), Na, c), En, a ? s : c), wn, a ? c : s), f = {
+    inline: u,
+    horizontal: v,
+    vertical: d,
+    inlineSub: u,
+    horizontalSub: d,
+    verticalSub: d
+  }, h = (r = f["".concat(e).concat(t ? "" : "Sub")]) === null || r === void 0 ? void 0 : r[n];
+  switch (h) {
+    case o:
+      return {
+        offset: -1,
+        sibling: !0
+      };
+    case l:
+      return {
+        offset: 1,
+        sibling: !0
+      };
+    case c:
+      return {
+        offset: -1,
+        sibling: !1
+      };
+    case s:
+      return {
+        offset: 1,
+        sibling: !1
+      };
+    default:
+      return null;
+  }
+}
+function Xr(e) {
+  for (var t = e; t; ) {
+    if (t.getAttribute("data-menu-list"))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}
+function Yr(e, t) {
+  for (var a = e || document.activeElement; a; ) {
+    if (t.has(a))
+      return a;
+    a = a.parentElement;
+  }
+  return null;
+}
+function kn(e, t) {
+  var a = qr(e, !0);
+  return a.filter(function(n) {
+    return t.has(n);
+  });
+}
+function Qn(e, t, a) {
+  var n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 1;
+  if (!e)
+    return null;
+  var r = kn(e, t), o = r.length, l = r.findIndex(function(s) {
+    return a === s;
+  });
+  return n < 0 ? l === -1 ? l = o - 1 : l -= 1 : n > 0 && (l += 1), l = (l + o) % o, r[l];
+}
+var Pn = function(t, a) {
+  var n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  return t.forEach(function(l) {
+    var s = document.querySelector("[data-menu-id='".concat(wa(a, l), "']"));
+    s && (n.add(s), o.set(s, l), r.set(l, s));
+  }), {
+    elements: n,
+    key2element: r,
+    element2key: o
+  };
+};
+function Zr(e, t, a, n, r, o, l, s, c, u) {
+  var v = i.useRef(), d = i.useRef();
+  d.current = t;
+  var f = function() {
+    Qe.cancel(v.current);
+  };
+  return i.useEffect(function() {
+    return function() {
+      f();
+    };
+  }, []), function(h) {
+    var S = h.which;
+    if ([].concat(Jn, [Zt, Na, Mt, Ot]).includes(S)) {
+      var g = o(), x = Pn(g, n), p = x, C = p.elements, b = p.key2element, _ = p.element2key, R = b.get(t), P = Yr(R, C), M = _.get(P), O = Ur(e, l(M, !0).length === 1, a, S);
+      if (!O && S !== Mt && S !== Ot)
+        return;
+      (Jn.includes(S) || [Mt, Ot].includes(S)) && h.preventDefault();
+      var E = function(m) {
+        if (m) {
+          var W = m, J = m.querySelector("a");
+          J != null && J.getAttribute("href") && (W = J);
+          var F = _.get(m);
+          s(F), f(), v.current = Qe(function() {
+            d.current === F && W.focus();
+          });
+        }
+      };
+      if ([Mt, Ot].includes(S) || O.sibling || !P) {
+        var T;
+        !P || e === "inline" ? T = r.current : T = Xr(P);
+        var y, $ = kn(T, C);
+        S === Mt ? y = $[0] : S === Ot ? y = $[$.length - 1] : y = Qn(T, C, P, O.offset), E(y);
+      } else if (O.inlineTrigger)
+        c(M);
+      else if (O.offset > 0)
+        c(M, !0), f(), v.current = Qe(function() {
+          x = Pn(g, n);
+          var G = P.getAttribute("aria-controls"), m = document.getElementById(G), W = Qn(m, x.elements);
+          E(W);
+        }, 5);
+      else if (O.offset < 0) {
+        var N = l(M, !0), I = N[N.length - 2], j = b.get(I);
+        c(I, !1), E(j);
+      }
+    }
+    u == null || u(h);
+  };
+}
+function Jr(e) {
+  Promise.resolve().then(e);
+}
+var jn = "__RC_UTIL_PATH_SPLIT__", ea = function(t) {
+  return t.join(jn);
+}, Qr = function(t) {
+  return t.split(jn);
+}, In = "rc-menu-more";
+function ei() {
+  var e = i.useState({}), t = z(e, 2), a = t[1], n = ve(/* @__PURE__ */ new Map()), r = ve(/* @__PURE__ */ new Map()), o = i.useState([]), l = z(o, 2), s = l[0], c = l[1], u = ve(0), v = ve(!1), d = function() {
+    v.current || a({});
+  }, f = vt(function(b, _) {
+    process.env.NODE_ENV !== "production" && rt(!n.current.has(b), "Duplicated key '".concat(b, "' used in Menu by path [").concat(_.join(" > "), "]"));
+    var R = ea(_);
+    r.current.set(R, b), n.current.set(b, R), u.current += 1;
+    var P = u.current;
+    Jr(function() {
+      P === u.current && d();
+    });
+  }, []), h = vt(function(b, _) {
+    var R = ea(_);
+    r.current.delete(R), n.current.delete(b);
+  }, []), S = vt(function(b) {
+    c(b);
+  }, []), g = vt(function(b, _) {
+    var R = n.current.get(b) || "", P = Qr(R);
+    return _ && s.includes(P[0]) && P.unshift(In), P;
+  }, [s]), x = vt(function(b, _) {
+    return b.filter(function(R) {
+      return R !== void 0;
+    }).some(function(R) {
+      var P = g(R, !0);
+      return P.includes(_);
+    });
+  }, [g]), p = function() {
+    var _ = Ke(n.current.keys());
+    return s.length && _.push(In), _;
+  }, C = vt(function(b) {
+    var _ = "".concat(n.current.get(b)).concat(jn), R = /* @__PURE__ */ new Set();
+    return Ke(r.current.keys()).forEach(function(P) {
+      P.startsWith(_) && R.add(r.current.get(P));
+    }), R;
+  }, []);
+  return i.useEffect(function() {
+    return function() {
+      v.current = !0;
+    };
+  }, []), {
+    // Register
+    registerPath: f,
+    unregisterPath: h,
+    refreshOverflowKeys: S,
+    // Util
+    isSubPathKey: x,
+    getKeyPath: g,
+    getKeys: p,
+    getSubPathKeys: C
+  };
+}
+function Tt(e) {
+  var t = i.useRef(e);
+  t.current = e;
+  var a = i.useCallback(function() {
+    for (var n, r = arguments.length, o = new Array(r), l = 0; l < r; l++)
+      o[l] = arguments[l];
+    return (n = t.current) === null || n === void 0 ? void 0 : n.call.apply(n, [t].concat(o));
+  }, []);
+  return e ? a : void 0;
+}
+var ti = Math.random().toFixed(5).toString().slice(2), ta = 0;
+function ni(e) {
+  var t = bt(e, {
+    value: e
+  }), a = z(t, 2), n = a[0], r = a[1];
+  return i.useEffect(function() {
+    ta += 1;
+    var o = process.env.NODE_ENV === "test" ? "test" : "".concat(ti, "-").concat(ta);
+    r("rc-menu-uuid-".concat(o));
+  }, []), n;
+}
+function Ma(e, t, a, n) {
+  var r = i.useContext(ze), o = r.activeKey, l = r.onActive, s = r.onInactive, c = {
+    active: o === e
+  };
+  return t || (c.onMouseEnter = function(u) {
+    a == null || a({
+      key: e,
+      domEvent: u
+    }), l(e);
+  }, c.onMouseLeave = function(u) {
+    n == null || n({
+      key: e,
+      domEvent: u
+    }), s(e);
+  }), c;
+}
+function Oa(e) {
+  var t = i.useContext(ze), a = t.mode, n = t.rtl, r = t.inlineIndent;
+  if (a !== "inline")
+    return null;
+  var o = e;
+  return n ? {
+    paddingRight: o * r
+  } : {
+    paddingLeft: o * r
+  };
+}
+function Ta(e) {
+  var t = e.icon, a = e.props, n = e.children, r;
+  return t === null || t === !1 ? null : (typeof t == "function" ? r = /* @__PURE__ */ i.createElement(t, Y({}, a)) : typeof t != "boolean" && (r = t), r || n || null);
+}
+var ai = ["item"];
+function Qt(e) {
+  var t = e.item, a = Se(e, ai);
+  return Object.defineProperty(a, "item", {
+    get: function() {
+      return rt(!1, "`info.item` is deprecated since we will move to function component that not provides React Node instance in future."), t;
+    }
+  }), a;
+}
+var ri = ["title", "attribute", "elementRef"], ii = ["style", "className", "eventKey", "warnKey", "disabled", "itemIcon", "children", "role", "onMouseEnter", "onMouseLeave", "onClick", "onKeyDown", "onFocus"], oi = ["active"], li = /* @__PURE__ */ function(e) {
+  ar(a, e);
+  var t = rr(a);
+  function a() {
+    return ir(this, a), t.apply(this, arguments);
+  }
+  return or(a, [{
+    key: "render",
+    value: function() {
+      var r = this.props, o = r.title, l = r.attribute, s = r.elementRef, c = Se(r, ri), u = it(c, ["eventKey", "popupClassName", "popupOffset", "onTitleClick"]);
+      return rt(!l, "`attribute` of Menu.Item is deprecated. Please pass attribute directly."), /* @__PURE__ */ i.createElement(Lt.Item, ae({}, l, {
+        title: typeof o == "string" ? o : void 0
+      }, u, {
+        ref: s
+      }));
+    }
+  }]), a;
+}(i.Component), si = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.style, n = e.className, r = e.eventKey, o = e.warnKey, l = e.disabled, s = e.itemIcon, c = e.children, u = e.role, v = e.onMouseEnter, d = e.onMouseLeave, f = e.onClick, h = e.onKeyDown, S = e.onFocus, g = Se(e, ii), x = _a(r), p = i.useContext(ze), C = p.prefixCls, b = p.onItemClick, _ = p.disabled, R = p.overflowDisabled, P = p.itemIcon, M = p.selectedKeys, O = p.onActive, E = i.useContext(An), T = E._internalRenderMenuItem, y = "".concat(C, "-item"), $ = i.useRef(), N = i.useRef(), I = _ || l, j = ba(t, N), G = zt(r);
+  process.env.NODE_ENV !== "production" && o && rt(!1, "MenuItem should not leave undefined `key`.");
+  var m = function(ie) {
+    return {
+      key: r,
+      // Note: For legacy code is reversed which not like other antd component
+      keyPath: Ke(G).reverse(),
+      item: $.current,
+      domEvent: ie
+    };
+  }, W = s || P, J = Ma(r, I, v, d), F = J.active, ee = Se(J, oi), se = M.includes(r), A = Oa(G.length), K = function(ie) {
+    if (!I) {
+      var de = m(ie);
+      f == null || f(Qt(de)), b(de);
+    }
+  }, k = function(ie) {
+    if (h == null || h(ie), ie.which === ge.ENTER) {
+      var de = m(ie);
+      f == null || f(Qt(de)), b(de);
+    }
+  }, V = function(ie) {
+    O(r), S == null || S(ie);
+  }, U = {};
+  e.role === "option" && (U["aria-selected"] = se);
+  var q = /* @__PURE__ */ i.createElement(li, ae({
+    ref: $,
+    elementRef: j,
+    role: u === null ? "none" : u || "menuitem",
+    tabIndex: l ? null : -1,
+    "data-menu-id": R && x ? null : x
+  }, it(g, ["extra"]), ee, U, {
+    component: "li",
+    "aria-disabled": l,
+    style: Y(Y({}, A), a),
+    className: D(y, B(B(B({}, "".concat(y, "-active"), F), "".concat(y, "-selected"), se), "".concat(y, "-disabled"), I), n),
+    onClick: K,
+    onKeyDown: k,
+    onFocus: V
+  }), c, /* @__PURE__ */ i.createElement(Ta, {
+    props: Y(Y({}, e), {}, {
+      isSelected: se
+    }),
+    icon: W
+  }));
+  return T && (q = T(q, e, {
+    selected: se
+  })), q;
+});
+function ci(e, t) {
+  var a = e.eventKey, n = rn(), r = zt(a);
+  return i.useEffect(function() {
+    if (n)
+      return n.registerPath(a, r), function() {
+        n.unregisterPath(a, r);
+      };
+  }, [r]), n ? null : /* @__PURE__ */ i.createElement(si, ae({}, e, {
+    ref: t
+  }));
+}
+const on = /* @__PURE__ */ i.forwardRef(ci);
+var ui = ["className", "children"], di = function(t, a) {
+  var n = t.className, r = t.children, o = Se(t, ui), l = i.useContext(ze), s = l.prefixCls, c = l.mode, u = l.rtl;
+  return /* @__PURE__ */ i.createElement("ul", ae({
+    className: D(s, u && "".concat(s, "-rtl"), "".concat(s, "-sub"), "".concat(s, "-").concat(c === "inline" ? "inline" : "vertical"), n),
+    role: "menu"
+  }, o, {
+    "data-menu-list": !0,
+    ref: a
+  }), r);
+}, Bn = /* @__PURE__ */ i.forwardRef(di);
+Bn.displayName = "SubMenuList";
+function Kn(e, t) {
+  return Ca(e).map(function(a, n) {
+    if (/* @__PURE__ */ i.isValidElement(a)) {
+      var r, o, l = a.key, s = (r = (o = a.props) === null || o === void 0 ? void 0 : o.eventKey) !== null && r !== void 0 ? r : l, c = s == null;
+      c && (s = "tmp_key-".concat([].concat(Ke(t), [n]).join("-")));
+      var u = {
+        key: s,
+        eventKey: s
+      };
+      return process.env.NODE_ENV !== "production" && c && (u.warnKey = !0), /* @__PURE__ */ i.cloneElement(a, u);
+    }
+    return a;
+  });
+}
+var $e = {
+  adjustX: 1,
+  adjustY: 1
+}, fi = {
+  topLeft: {
+    points: ["bl", "tl"],
+    overflow: $e
+  },
+  topRight: {
+    points: ["br", "tr"],
+    overflow: $e
+  },
+  bottomLeft: {
+    points: ["tl", "bl"],
+    overflow: $e
+  },
+  bottomRight: {
+    points: ["tr", "br"],
+    overflow: $e
+  },
+  leftTop: {
+    points: ["tr", "tl"],
+    overflow: $e
+  },
+  leftBottom: {
+    points: ["br", "bl"],
+    overflow: $e
+  },
+  rightTop: {
+    points: ["tl", "tr"],
+    overflow: $e
+  },
+  rightBottom: {
+    points: ["bl", "br"],
+    overflow: $e
+  }
+}, vi = {
+  topLeft: {
+    points: ["bl", "tl"],
+    overflow: $e
+  },
+  topRight: {
+    points: ["br", "tr"],
+    overflow: $e
+  },
+  bottomLeft: {
+    points: ["tl", "bl"],
+    overflow: $e
+  },
+  bottomRight: {
+    points: ["tr", "br"],
+    overflow: $e
+  },
+  rightTop: {
+    points: ["tr", "tl"],
+    overflow: $e
+  },
+  rightBottom: {
+    points: ["br", "bl"],
+    overflow: $e
+  },
+  leftTop: {
+    points: ["tl", "tr"],
+    overflow: $e
+  },
+  leftBottom: {
+    points: ["bl", "br"],
+    overflow: $e
+  }
+};
+function La(e, t, a) {
+  if (t)
+    return t;
+  if (a)
+    return a[e] || a.other;
+}
+var mi = {
+  horizontal: "bottomLeft",
+  vertical: "rightTop",
+  "vertical-left": "rightTop",
+  "vertical-right": "leftTop"
+};
+function gi(e) {
+  var t = e.prefixCls, a = e.visible, n = e.children, r = e.popup, o = e.popupStyle, l = e.popupClassName, s = e.popupOffset, c = e.disabled, u = e.mode, v = e.onVisibleChange, d = i.useContext(ze), f = d.getPopupContainer, h = d.rtl, S = d.subMenuOpenDelay, g = d.subMenuCloseDelay, x = d.builtinPlacements, p = d.triggerSubMenuAction, C = d.forceSubMenuRender, b = d.rootClassName, _ = d.motion, R = d.defaultMotions, P = i.useState(!1), M = z(P, 2), O = M[0], E = M[1], T = h ? Y(Y({}, vi), x) : Y(Y({}, fi), x), y = mi[u], $ = La(u, _, R), N = i.useRef($);
+  u !== "inline" && (N.current = $);
+  var I = Y(Y({}, N.current), {}, {
+    leavedClassName: "".concat(t, "-hidden"),
+    removeOnLeave: !1,
+    motionAppear: !0
+  }), j = i.useRef();
+  return i.useEffect(function() {
+    return j.current = Qe(function() {
+      E(a);
+    }), function() {
+      Qe.cancel(j.current);
+    };
+  }, [a]), /* @__PURE__ */ i.createElement(Sa, {
+    prefixCls: t,
+    popupClassName: D("".concat(t, "-popup"), B({}, "".concat(t, "-rtl"), h), l, b),
+    stretch: u === "horizontal" ? "minWidth" : null,
+    getPopupContainer: f,
+    builtinPlacements: T,
+    popupPlacement: y,
+    popupVisible: O,
+    popup: r,
+    popupStyle: o,
+    popupAlign: s && {
+      offset: s
+    },
+    action: c ? [] : [p],
+    mouseEnterDelay: S,
+    mouseLeaveDelay: g,
+    onPopupVisibleChange: v,
+    forceRender: C,
+    popupMotion: I,
+    fresh: !0
+  }, n);
+}
+function pi(e) {
+  var t = e.id, a = e.open, n = e.keyPath, r = e.children, o = "inline", l = i.useContext(ze), s = l.prefixCls, c = l.forceSubMenuRender, u = l.motion, v = l.defaultMotions, d = l.mode, f = i.useRef(!1);
+  f.current = d === o;
+  var h = i.useState(!f.current), S = z(h, 2), g = S[0], x = S[1], p = f.current ? a : !1;
+  i.useEffect(function() {
+    f.current && x(!1);
+  }, [d]);
+  var C = Y({}, La(o, u, v));
+  n.length > 1 && (C.motionAppear = !1);
+  var b = C.onVisibleChanged;
+  return C.onVisibleChanged = function(_) {
+    return !f.current && !_ && x(!0), b == null ? void 0 : b(_);
+  }, g ? null : /* @__PURE__ */ i.createElement(Dt, {
+    mode: o,
+    locked: !f.current
+  }, /* @__PURE__ */ i.createElement(ha, ae({
+    visible: p
+  }, C, {
+    forceRender: c,
+    removeOnLeave: !1,
+    leavedClassName: "".concat(s, "-hidden")
+  }), function(_) {
+    var R = _.className, P = _.style;
+    return /* @__PURE__ */ i.createElement(Bn, {
+      id: t,
+      className: R,
+      style: P
+    }, r);
+  }));
+}
+var bi = ["style", "className", "title", "eventKey", "warnKey", "disabled", "internalPopupClose", "children", "itemIcon", "expandIcon", "popupClassName", "popupOffset", "popupStyle", "onClick", "onMouseEnter", "onMouseLeave", "onTitleClick", "onTitleMouseEnter", "onTitleMouseLeave"], hi = ["active"], yi = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.style, n = e.className, r = e.title, o = e.eventKey, l = e.warnKey, s = e.disabled, c = e.internalPopupClose, u = e.children, v = e.itemIcon, d = e.expandIcon, f = e.popupClassName, h = e.popupOffset, S = e.popupStyle, g = e.onClick, x = e.onMouseEnter, p = e.onMouseLeave, C = e.onTitleClick, b = e.onTitleMouseEnter, _ = e.onTitleMouseLeave, R = Se(e, bi), P = _a(o), M = i.useContext(ze), O = M.prefixCls, E = M.mode, T = M.openKeys, y = M.disabled, $ = M.overflowDisabled, N = M.activeKey, I = M.selectedKeys, j = M.itemIcon, G = M.expandIcon, m = M.onItemClick, W = M.onOpenChange, J = M.onActive, F = i.useContext(An), ee = F._internalRenderSubMenuItem, se = i.useContext(Ra), A = se.isSubPathKey, K = zt(), k = "".concat(O, "-submenu"), V = y || s, U = i.useRef(), q = i.useRef();
+  process.env.NODE_ENV !== "production" && l && rt(!1, "SubMenu should not leave undefined `key`.");
+  var te = v ?? j, ie = d ?? G, de = T.includes(o), fe = !$ && de, Pe = A(I, o), H = Ma(o, V, b, _), me = H.active, De = Se(H, hi), Xe = i.useState(!1), oe = z(Xe, 2), Z = oe[0], ye = oe[1], Ie = function(ce) {
+    V || ye(ce);
+  }, He = function(ce) {
+    Ie(!0), x == null || x({
+      key: o,
+      domEvent: ce
+    });
+  }, et = function(ce) {
+    Ie(!1), p == null || p({
+      key: o,
+      domEvent: ce
+    });
+  }, Ye = i.useMemo(function() {
+    return me || (E !== "inline" ? Z || A([N], o) : !1);
+  }, [E, me, N, Z, o, A]), Oe = Oa(K.length), xe = function(ce) {
+    V || (C == null || C({
+      key: o,
+      domEvent: ce
+    }), E === "inline" && W(o, !de));
+  }, Ct = Tt(function(Ee) {
+    g == null || g(Qt(Ee)), m(Ee);
+  }), Re = function(ce) {
+    E !== "inline" && W(o, ce);
+  }, Te = function() {
+    J(o);
+  }, Ge = P && "".concat(P, "-popup"), Le = /* @__PURE__ */ i.createElement("div", ae({
+    role: "menuitem",
+    style: Oe,
+    className: "".concat(k, "-title"),
+    tabIndex: V ? null : -1,
+    ref: U,
+    title: typeof r == "string" ? r : null,
+    "data-menu-id": $ && P ? null : P,
+    "aria-expanded": fe,
+    "aria-haspopup": !0,
+    "aria-controls": Ge,
+    "aria-disabled": V,
+    onClick: xe,
+    onFocus: Te
+  }, De), r, /* @__PURE__ */ i.createElement(Ta, {
+    icon: E !== "horizontal" ? ie : void 0,
+    props: Y(Y({}, e), {}, {
+      isOpen: fe,
+      // [Legacy] Not sure why need this mark
+      isSubMenu: !0
+    })
+  }, /* @__PURE__ */ i.createElement("i", {
+    className: "".concat(k, "-arrow")
+  }))), We = i.useRef(E);
+  if (E !== "inline" && K.length > 1 ? We.current = "vertical" : We.current = E, !$) {
+    var Ae = We.current;
+    Le = /* @__PURE__ */ i.createElement(gi, {
+      mode: Ae,
+      prefixCls: k,
+      visible: !c && fe && E !== "inline",
+      popupClassName: f,
+      popupOffset: h,
+      popupStyle: S,
+      popup: /* @__PURE__ */ i.createElement(
+        Dt,
+        {
+          mode: Ae === "horizontal" ? "vertical" : Ae
+        },
+        /* @__PURE__ */ i.createElement(Bn, {
+          id: Ge,
+          ref: q
+        }, u)
+      ),
+      disabled: V,
+      onVisibleChange: Re
+    }, Le);
+  }
+  var ke = /* @__PURE__ */ i.createElement(Lt.Item, ae({
+    ref: t,
+    role: "none"
+  }, R, {
+    component: "li",
+    style: a,
+    className: D(k, "".concat(k, "-").concat(E), n, B(B(B(B({}, "".concat(k, "-open"), fe), "".concat(k, "-active"), Ye), "".concat(k, "-selected"), Pe), "".concat(k, "-disabled"), V)),
+    onMouseEnter: He,
+    onMouseLeave: et
+  }), Le, !$ && /* @__PURE__ */ i.createElement(pi, {
+    id: Ge,
+    open: fe,
+    keyPath: K
+  }, u));
+  return ee && (ke = ee(ke, e, {
+    selected: Pe,
+    active: Ye,
+    open: fe,
+    disabled: V
+  })), /* @__PURE__ */ i.createElement(Dt, {
+    onItemClick: Ct,
+    mode: E === "horizontal" ? "vertical" : E,
+    itemIcon: te,
+    expandIcon: ie
+  }, ke);
+}), ln = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.eventKey, n = e.children, r = zt(a), o = Kn(n, r), l = rn();
+  i.useEffect(function() {
+    if (l)
+      return l.registerPath(a, r), function() {
+        l.unregisterPath(a, r);
+      };
+  }, [r]);
+  var s;
+  return l ? s = o : s = /* @__PURE__ */ i.createElement(yi, ae({
+    ref: t
+  }, e), o), /* @__PURE__ */ i.createElement(Ia.Provider, {
+    value: r
+  }, s);
+});
+process.env.NODE_ENV !== "production" && (ln.displayName = "SubMenu");
+function Da(e) {
+  var t = e.className, a = e.style, n = i.useContext(ze), r = n.prefixCls, o = rn();
+  return o ? null : /* @__PURE__ */ i.createElement("li", {
+    role: "separator",
+    className: D("".concat(r, "-item-divider"), t),
+    style: a
+  });
+}
+var Ci = ["className", "title", "eventKey", "children"], $i = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.className, n = e.title;
+  e.eventKey;
+  var r = e.children, o = Se(e, Ci), l = i.useContext(ze), s = l.prefixCls, c = "".concat(s, "-item-group");
+  return /* @__PURE__ */ i.createElement("li", ae({
+    ref: t,
+    role: "presentation"
+  }, o, {
+    onClick: function(v) {
+      return v.stopPropagation();
+    },
+    className: D(c, a)
+  }), /* @__PURE__ */ i.createElement("div", {
+    role: "presentation",
+    className: "".concat(c, "-title"),
+    title: typeof n == "string" ? n : void 0
+  }, n), /* @__PURE__ */ i.createElement("ul", {
+    role: "group",
+    className: "".concat(c, "-list")
+  }, r));
+}), Vn = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.eventKey, n = e.children, r = zt(a), o = Kn(n, r), l = rn();
+  return l ? o : /* @__PURE__ */ i.createElement($i, ae({
+    ref: t
+  }, it(e, ["warnKey"])), o);
+});
+process.env.NODE_ENV !== "production" && (Vn.displayName = "MenuItemGroup");
+var Si = ["label", "children", "key", "type", "extra"];
+function Rn(e, t, a) {
+  var n = t.item, r = t.group, o = t.submenu, l = t.divider;
+  return (e || []).map(function(s, c) {
+    if (s && en(s) === "object") {
+      var u = s, v = u.label, d = u.children, f = u.key, h = u.type, S = u.extra, g = Se(u, Si), x = f ?? "tmp-".concat(c);
+      return d || h === "group" ? h === "group" ? /* @__PURE__ */ i.createElement(r, ae({
+        key: x
+      }, g, {
+        title: v
+      }), Rn(d, t, a)) : /* @__PURE__ */ i.createElement(o, ae({
+        key: x
+      }, g, {
+        title: v
+      }), Rn(d, t, a)) : h === "divider" ? /* @__PURE__ */ i.createElement(l, ae({
+        key: x
+      }, g)) : /* @__PURE__ */ i.createElement(n, ae({
+        key: x
+      }, g, {
+        extra: S
+      }), v, (!!S || S === 0) && /* @__PURE__ */ i.createElement("span", {
+        className: "".concat(a, "-item-extra")
+      }, S));
+    }
+    return null;
+  }).filter(function(s) {
+    return s;
+  });
+}
+function na(e, t, a, n, r) {
+  var o = e, l = Y({
+    divider: Da,
+    item: on,
+    group: Vn,
+    submenu: ln
+  }, n);
+  return t && (o = Rn(t, l, r)), Kn(o, a);
+}
+var xi = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items", "children", "direction", "id", "mode", "inlineCollapsed", "disabled", "disabledOverflow", "subMenuOpenDelay", "subMenuCloseDelay", "forceSubMenuRender", "defaultOpenKeys", "openKeys", "activeKey", "defaultActiveFirst", "selectable", "multiple", "defaultSelectedKeys", "selectedKeys", "onSelect", "onDeselect", "inlineIndent", "motion", "defaultMotions", "triggerSubMenuAction", "builtinPlacements", "itemIcon", "expandIcon", "overflowedIndicator", "overflowedIndicatorPopupClassName", "getPopupContainer", "onClick", "onOpenChange", "onKeyDown", "openAnimation", "openTransitionName", "_internalRenderMenuItem", "_internalRenderSubMenuItem", "_internalComponents"], at = [], Ei = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a, n = e, r = n.prefixCls, o = r === void 0 ? "rc-menu" : r, l = n.rootClassName, s = n.style, c = n.className, u = n.tabIndex, v = u === void 0 ? 0 : u, d = n.items, f = n.children, h = n.direction, S = n.id, g = n.mode, x = g === void 0 ? "vertical" : g, p = n.inlineCollapsed, C = n.disabled, b = n.disabledOverflow, _ = n.subMenuOpenDelay, R = _ === void 0 ? 0.1 : _, P = n.subMenuCloseDelay, M = P === void 0 ? 0.1 : P, O = n.forceSubMenuRender, E = n.defaultOpenKeys, T = n.openKeys, y = n.activeKey, $ = n.defaultActiveFirst, N = n.selectable, I = N === void 0 ? !0 : N, j = n.multiple, G = j === void 0 ? !1 : j, m = n.defaultSelectedKeys, W = n.selectedKeys, J = n.onSelect, F = n.onDeselect, ee = n.inlineIndent, se = ee === void 0 ? 24 : ee, A = n.motion, K = n.defaultMotions, k = n.triggerSubMenuAction, V = k === void 0 ? "hover" : k, U = n.builtinPlacements, q = n.itemIcon, te = n.expandIcon, ie = n.overflowedIndicator, de = ie === void 0 ? "..." : ie, fe = n.overflowedIndicatorPopupClassName, Pe = n.getPopupContainer, H = n.onClick, me = n.onOpenChange, De = n.onKeyDown, Xe = n.openAnimation, oe = n.openTransitionName, Z = n._internalRenderMenuItem, ye = n._internalRenderSubMenuItem, Ie = n._internalComponents, He = Se(n, xi), et = i.useMemo(function() {
+    return [na(f, d, at, Ie, o), na(f, d, at, {}, o)];
+  }, [f, d, Ie]), Ye = z(et, 2), Oe = Ye[0], xe = Ye[1], Ct = i.useState(!1), Re = z(Ct, 2), Te = Re[0], Ge = Re[1], Le = i.useRef(), We = ni(S), Ae = h === "rtl";
+  process.env.NODE_ENV !== "production" && rt(!Xe && !oe, "`openAnimation` and `openTransitionName` is removed. Please use `motion` or `defaultMotion` instead.");
+  var ke = bt(E, {
+    value: T,
+    postState: function(Q) {
+      return Q || at;
+    }
+  }), Ee = z(ke, 2), ce = Ee[0], lt = Ee[1], $t = function(Q) {
+    var le = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    function Ne() {
+      lt(Q), me == null || me(Q);
+    }
+    le ? mr.flushSync(Ne) : Ne();
+  }, kt = i.useState(ce), jt = z(kt, 2), un = jt[0], Bt = jt[1], St = i.useRef(!1), Kt = i.useMemo(function() {
+    return (x === "inline" || x === "vertical") && p ? ["vertical", p] : [x, !1];
+  }, [x, p]), Fe = z(Kt, 2), je = Fe[0], xt = Fe[1], Et = je === "inline", dn = i.useState(je), wt = z(dn, 2), pe = wt[0], Ze = wt[1], fn = i.useState(xt), tt = z(fn, 2), Vt = tt[0], Ht = tt[1];
+  i.useEffect(function() {
+    Ze(je), Ht(xt), St.current && (Et ? lt(un) : $t(at));
+  }, [je, xt]);
+  var st = i.useState(0), Gt = z(st, 2), ct = Gt[0], Wt = Gt[1], ut = ct >= Oe.length - 1 || pe !== "horizontal" || b;
+  i.useEffect(function() {
+    Et && Bt(ce);
+  }, [ce]), i.useEffect(function() {
+    return St.current = !0, function() {
+      St.current = !1;
+    };
+  }, []);
+  var qe = ei(), Ft = qe.registerPath, _t = qe.unregisterPath, nt = qe.refreshOverflowKeys, dt = qe.isSubPathKey, Pt = qe.getKeyPath, It = qe.getKeys, qt = qe.getSubPathKeys, X = i.useMemo(function() {
+    return {
+      registerPath: Ft,
+      unregisterPath: _t
+    };
+  }, [Ft, _t]), L = i.useMemo(function() {
+    return {
+      isSubPathKey: dt
+    };
+  }, [dt]);
+  i.useEffect(function() {
+    nt(ut ? at : Oe.slice(ct + 1).map(function(ue) {
+      return ue.key;
+    }));
+  }, [ct, ut]);
+  var ne = bt(y || $ && ((a = Oe[0]) === null || a === void 0 ? void 0 : a.key), {
+    value: y
+  }), re = z(ne, 2), he = re[0], Ce = re[1], Je = Tt(function(ue) {
+    Ce(ue);
+  }), we = Tt(function() {
+    Ce(void 0);
+  });
+  er(t, function() {
+    return {
+      list: Le.current,
+      focus: function(Q) {
+        var le, Ne = It(), Me = Pn(Ne, We), Ut = Me.elements, pn = Me.key2element, Ya = Me.element2key, qn = kn(Le.current, Ut), Un = he ?? (qn[0] ? Ya.get(qn[0]) : (le = Oe.find(function(Za) {
+          return !Za.props.disabled;
+        })) === null || le === void 0 ? void 0 : le.key), Nt = pn.get(Un);
+        if (Un && Nt) {
+          var bn;
+          Nt == null || (bn = Nt.focus) === null || bn === void 0 || bn.call(Nt, Q);
+        }
+      }
+    };
+  });
+  var Rt = bt(m || [], {
+    value: W,
+    // Legacy convert key to array
+    postState: function(Q) {
+      return Array.isArray(Q) ? Q : Q == null ? at : [Q];
+    }
+  }), Ue = z(Rt, 2), ft = Ue[0], vn = Ue[1], mn = function(Q) {
+    if (I) {
+      var le = Q.key, Ne = ft.includes(le), Me;
+      G ? Ne ? Me = ft.filter(function(pn) {
+        return pn !== le;
+      }) : Me = [].concat(Ke(ft), [le]) : Me = [le], vn(Me);
+      var Ut = Y(Y({}, Q), {}, {
+        selectedKeys: Me
+      });
+      Ne ? F == null || F(Ut) : J == null || J(Ut);
+    }
+    !G && ce.length && pe !== "inline" && $t(at);
+  }, gn = Tt(function(ue) {
+    H == null || H(Qt(ue)), mn(ue);
+  }), Fn = Tt(function(ue, Q) {
+    var le = ce.filter(function(Me) {
+      return Me !== ue;
+    });
+    if (Q)
+      le.push(ue);
+    else if (pe !== "inline") {
+      var Ne = qt(ue);
+      le = le.filter(function(Me) {
+        return !Ne.has(Me);
+      });
+    }
+    pa(ce, le, !0) || $t(le, !0);
+  }), Wa = function(Q, le) {
+    var Ne = le ?? !ce.includes(Q);
+    Fn(Q, Ne);
+  }, Fa = Zr(pe, he, Ae, We, Le, It, Pt, Ce, Wa, De);
+  i.useEffect(function() {
+    Ge(!0);
+  }, []);
+  var qa = i.useMemo(function() {
+    return {
+      _internalRenderMenuItem: Z,
+      _internalRenderSubMenuItem: ye
+    };
+  }, [Z, ye]), Ua = pe !== "horizontal" || b ? Oe : (
+    // Need wrap for overflow dropdown that do not response for open
+    Oe.map(function(ue, Q) {
+      return (
+        // Always wrap provider to avoid sub node re-mount
+        /* @__PURE__ */ i.createElement(Dt, {
+          key: ue.key,
+          overflowDisabled: Q > ct
+        }, ue)
+      );
+    })
+  ), Xa = /* @__PURE__ */ i.createElement(Lt, ae({
+    id: S,
+    ref: Le,
+    prefixCls: "".concat(o, "-overflow"),
+    component: "ul",
+    itemComponent: on,
+    className: D(o, "".concat(o, "-root"), "".concat(o, "-").concat(pe), c, B(B({}, "".concat(o, "-inline-collapsed"), Vt), "".concat(o, "-rtl"), Ae), l),
+    dir: h,
+    style: s,
+    role: "menu",
+    tabIndex: v,
+    data: Ua,
+    renderRawItem: function(Q) {
+      return Q;
+    },
+    renderRawRest: function(Q) {
+      var le = Q.length, Ne = le ? Oe.slice(-le) : null;
+      return /* @__PURE__ */ i.createElement(ln, {
+        eventKey: In,
+        title: de,
+        disabled: ut,
+        internalPopupClose: le === 0,
+        popupClassName: fe
+      }, Ne);
+    },
+    maxCount: pe !== "horizontal" || b ? Lt.INVALIDATE : Lt.RESPONSIVE,
+    ssr: "full",
+    "data-menu-list": !0,
+    onVisibleChange: function(Q) {
+      Wt(Q);
+    },
+    onKeyDown: Fa
+  }, He));
+  return /* @__PURE__ */ i.createElement(An.Provider, {
+    value: qa
+  }, /* @__PURE__ */ i.createElement(Ea.Provider, {
+    value: We
+  }, /* @__PURE__ */ i.createElement(Dt, {
+    prefixCls: o,
+    rootClassName: l,
+    mode: pe,
+    openKeys: ce,
+    rtl: Ae,
+    disabled: C,
+    motion: Te ? A : null,
+    defaultMotions: Te ? K : null,
+    activeKey: he,
+    onActive: Je,
+    onInactive: we,
+    selectedKeys: ft,
+    inlineIndent: se,
+    subMenuOpenDelay: R,
+    subMenuCloseDelay: M,
+    forceSubMenuRender: O,
+    builtinPlacements: U,
+    triggerSubMenuAction: V,
+    getPopupContainer: Pe,
+    itemIcon: q,
+    expandIcon: te,
+    onItemClick: gn,
+    onOpenChange: Fn
+  }, /* @__PURE__ */ i.createElement(Ra.Provider, {
+    value: L
+  }, Xa), /* @__PURE__ */ i.createElement("div", {
+    style: {
+      display: "none"
+    },
+    "aria-hidden": !0
+  }, /* @__PURE__ */ i.createElement(Pa.Provider, {
+    value: X
+  }, xe)))));
+}), At = Ei;
+At.Item = on;
+At.SubMenu = ln;
+At.ItemGroup = Vn;
+At.Divider = Da;
+var wi = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, name: "ellipsis", theme: "outlined" }, _i = function(t, a) {
+  return /* @__PURE__ */ i.createElement(xa, ae({}, t, {
+    ref: a,
+    icon: wi
+  }));
+}, za = /* @__PURE__ */ i.forwardRef(_i);
+process.env.NODE_ENV !== "production" && (za.displayName = "EllipsisOutlined");
+var Pi = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { tag: "path", attrs: { d: "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, name: "plus", theme: "outlined" }, Ii = function(t, a) {
+  return /* @__PURE__ */ i.createElement(xa, ae({}, t, {
+    ref: a,
+    icon: Pi
+  }));
+}, Aa = /* @__PURE__ */ i.forwardRef(Ii);
+process.env.NODE_ENV !== "production" && (Aa.displayName = "PlusOutlined");
+const sn = /* @__PURE__ */ tr(null);
+var Ri = function(t) {
+  var a = t.activeTabOffset, n = t.horizontal, r = t.rtl, o = t.indicator, l = o === void 0 ? {} : o, s = l.size, c = l.align, u = c === void 0 ? "center" : c, v = be(), d = z(v, 2), f = d[0], h = d[1], S = ve(), g = _e.useCallback(function(p) {
+    return typeof s == "function" ? s(p) : typeof s == "number" ? s : p;
+  }, [s]);
+  function x() {
+    Qe.cancel(S.current);
+  }
+  return Be(function() {
+    var p = {};
+    if (a)
+      if (n) {
+        p.width = g(a.width);
+        var C = r ? "right" : "left";
+        u === "start" && (p[C] = a[C]), u === "center" && (p[C] = a[C] + a.width / 2, p.transform = r ? "translateX(50%)" : "translateX(-50%)"), u === "end" && (p[C] = a[C] + a.width, p.transform = "translateX(-100%)");
+      } else
+        p.height = g(a.height), u === "start" && (p.top = a.top), u === "center" && (p.top = a.top + a.height / 2, p.transform = "translateY(-50%)"), u === "end" && (p.top = a.top + a.height, p.transform = "translateY(-100%)");
+    return x(), S.current = Qe(function() {
+      h(p);
+    }), x;
+  }, [a, n, r, u, g]), {
+    style: f
+  };
+}, aa = {
+  width: 0,
+  height: 0,
+  left: 0,
+  top: 0
+};
+function Ni(e, t, a) {
+  return Mn(function() {
+    for (var n, r = /* @__PURE__ */ new Map(), o = t.get((n = e[0]) === null || n === void 0 ? void 0 : n.key) || aa, l = o.left + o.width, s = 0; s < e.length; s += 1) {
+      var c = e[s].key, u = t.get(c);
+      if (!u) {
+        var v;
+        u = t.get((v = e[s - 1]) === null || v === void 0 ? void 0 : v.key) || aa;
+      }
+      var d = r.get(c) || Y({}, u);
+      d.right = l - d.left - d.width, r.set(c, d);
+    }
+    return r;
+  }, [e.map(function(n) {
+    return n.key;
+  }).join("_"), t, a]);
+}
+function ra(e, t) {
+  var a = i.useRef(e), n = i.useState({}), r = z(n, 2), o = r[1];
+  function l(s) {
+    var c = typeof s == "function" ? s(a.current) : s;
+    c !== a.current && t(c, a.current), a.current = c, o({});
+  }
+  return [a.current, l];
+}
+var Mi = 0.1, ia = 0.01, Jt = 20, oa = Math.pow(0.995, Jt);
+function Oi(e, t) {
+  var a = be(), n = z(a, 2), r = n[0], o = n[1], l = be(0), s = z(l, 2), c = s[0], u = s[1], v = be(0), d = z(v, 2), f = d[0], h = d[1], S = be(), g = z(S, 2), x = g[0], p = g[1], C = ve();
+  function b(E) {
+    var T = E.touches[0], y = T.screenX, $ = T.screenY;
+    o({
+      x: y,
+      y: $
+    }), window.clearInterval(C.current);
+  }
+  function _(E) {
+    if (r) {
+      var T = E.touches[0], y = T.screenX, $ = T.screenY;
+      o({
+        x: y,
+        y: $
+      });
+      var N = y - r.x, I = $ - r.y;
+      t(N, I);
+      var j = Date.now();
+      u(j), h(j - c), p({
+        x: N,
+        y: I
+      });
+    }
+  }
+  function R() {
+    if (r && (o(null), p(null), x)) {
+      var E = x.x / f, T = x.y / f, y = Math.abs(E), $ = Math.abs(T);
+      if (Math.max(y, $) < Mi) return;
+      var N = E, I = T;
+      C.current = window.setInterval(function() {
+        if (Math.abs(N) < ia && Math.abs(I) < ia) {
+          window.clearInterval(C.current);
+          return;
+        }
+        N *= oa, I *= oa, t(N * Jt, I * Jt);
+      }, Jt);
+    }
+  }
+  var P = ve();
+  function M(E) {
+    var T = E.deltaX, y = E.deltaY, $ = 0, N = Math.abs(T), I = Math.abs(y);
+    N === I ? $ = P.current === "x" ? T : y : N > I ? ($ = T, P.current = "x") : ($ = y, P.current = "y"), t(-$, -$) && E.preventDefault();
+  }
+  var O = ve(null);
+  O.current = {
+    onTouchStart: b,
+    onTouchMove: _,
+    onTouchEnd: R,
+    onWheel: M
+  }, i.useEffect(function() {
+    function E(N) {
+      O.current.onTouchStart(N);
+    }
+    function T(N) {
+      O.current.onTouchMove(N);
+    }
+    function y(N) {
+      O.current.onTouchEnd(N);
+    }
+    function $(N) {
+      O.current.onWheel(N);
+    }
+    return document.addEventListener("touchmove", T, {
+      passive: !1
+    }), document.addEventListener("touchend", y, {
+      passive: !0
+    }), e.current.addEventListener("touchstart", E, {
+      passive: !0
+    }), e.current.addEventListener("wheel", $, {
+      passive: !1
+    }), function() {
+      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", y);
+    };
+  }, []);
+}
+function ka(e) {
+  var t = be(0), a = z(t, 2), n = a[0], r = a[1], o = ve(0), l = ve();
+  return l.current = e, lr(function() {
+    var s;
+    (s = l.current) === null || s === void 0 || s.call(l);
+  }, [n]), function() {
+    o.current === n && (o.current += 1, r(o.current));
+  };
+}
+function Ti(e) {
+  var t = ve([]), a = be({}), n = z(a, 2), r = n[1], o = ve(typeof e == "function" ? e() : e), l = ka(function() {
+    var c = o.current;
+    t.current.forEach(function(u) {
+      c = u(c);
+    }), t.current = [], o.current = c, r({});
+  });
+  function s(c) {
+    t.current.push(c), l();
+  }
+  return [o.current, s];
+}
+var la = {
+  width: 0,
+  height: 0,
+  left: 0,
+  top: 0,
+  right: 0
+};
+function Li(e, t, a, n, r, o, l) {
+  var s = l.tabs, c = l.tabPosition, u = l.rtl, v, d, f;
+  return ["top", "bottom"].includes(c) ? (v = "width", d = u ? "right" : "left", f = Math.abs(a)) : (v = "height", d = "top", f = -a), Mn(function() {
+    if (!s.length)
+      return [0, 0];
+    for (var h = s.length, S = h, g = 0; g < h; g += 1) {
+      var x = e.get(s[g].key) || la;
+      if (Math.floor(x[d] + x[v]) > Math.floor(f + t)) {
+        S = g - 1;
+        break;
+      }
+    }
+    for (var p = 0, C = h - 1; C >= 0; C -= 1) {
+      var b = e.get(s[C].key) || la;
+      if (b[d] < f) {
+        p = C + 1;
+        break;
+      }
+    }
+    return p >= S ? [0, 0] : [p, S];
+  }, [e, t, n, r, o, f, c, s.map(function(h) {
+    return h.key;
+  }).join("_"), u]);
+}
+function sa(e) {
+  var t;
+  return e instanceof Map ? (t = {}, e.forEach(function(a, n) {
+    t[n] = a;
+  })) : t = e, JSON.stringify(t);
+}
+var Di = "TABS_DQ";
+function ja(e) {
+  return String(e).replace(/"/g, Di);
+}
+function Hn(e, t, a, n) {
+  return (
+    // Only editable tabs can be removed
+    !(!a || // Tabs cannot be removed when disabled
+    n || // closable is false
+    e === !1 || // If closable is undefined, the remove button should be hidden when closeIcon is null or false
+    e === void 0 && (t === !1 || t === null))
+  );
+}
+var Ba = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.prefixCls, n = e.editable, r = e.locale, o = e.style;
+  return !n || n.showAdd === !1 ? null : /* @__PURE__ */ i.createElement("button", {
+    ref: t,
+    type: "button",
+    className: "".concat(a, "-nav-add"),
+    style: o,
+    "aria-label": (r == null ? void 0 : r.addAriaLabel) || "Add tab",
+    onClick: function(s) {
+      n.onEdit("add", {
+        event: s
+      });
+    }
+  }, n.addIcon || "+");
+}), Nn = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.position, n = e.prefixCls, r = e.extra;
+  if (!r)
+    return null;
+  var o, l = {};
+  return en(r) === "object" && !/* @__PURE__ */ i.isValidElement(r) ? l = r : l.right = r, a === "right" && (o = l.right), a === "left" && (o = l.left), o ? /* @__PURE__ */ i.createElement("div", {
+    className: "".concat(n, "-extra-content"),
+    ref: t
+  }, o) : null;
+});
+process.env.NODE_ENV !== "production" && (Nn.displayName = "ExtraContent");
+var zi = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.prefixCls, n = e.id, r = e.tabs, o = e.locale, l = e.mobile, s = e.more, c = s === void 0 ? {} : s, u = e.style, v = e.className, d = e.editable, f = e.tabBarGutter, h = e.rtl, S = e.removeAriaLabel, g = e.onTabClick, x = e.getPopupContainer, p = e.popupClassName, C = be(!1), b = z(C, 2), _ = b[0], R = b[1], P = be(null), M = z(P, 2), O = M[0], E = M[1], T = c.icon, y = T === void 0 ? "More" : T, $ = "".concat(n, "-more-popup"), N = "".concat(a, "-dropdown"), I = O !== null ? "".concat($, "-").concat(O) : null, j = o == null ? void 0 : o.dropdownAriaLabel;
+  function G(A, K) {
+    A.preventDefault(), A.stopPropagation(), d.onEdit("remove", {
+      key: K,
+      event: A
+    });
+  }
+  var m = /* @__PURE__ */ i.createElement(At, {
+    onClick: function(K) {
+      var k = K.key, V = K.domEvent;
+      g(k, V), R(!1);
+    },
+    prefixCls: "".concat(N, "-menu"),
+    id: $,
+    tabIndex: -1,
+    role: "listbox",
+    "aria-activedescendant": I,
+    selectedKeys: [O],
+    "aria-label": j !== void 0 ? j : "expanded dropdown"
+  }, r.map(function(A) {
+    var K = A.closable, k = A.disabled, V = A.closeIcon, U = A.key, q = A.label, te = Hn(K, V, d, k);
+    return /* @__PURE__ */ i.createElement(on, {
+      key: U,
+      id: "".concat($, "-").concat(U),
+      role: "option",
+      "aria-controls": n && "".concat(n, "-panel-").concat(U),
+      disabled: k
+    }, /* @__PURE__ */ i.createElement("span", null, q), te && /* @__PURE__ */ i.createElement("button", {
+      type: "button",
+      "aria-label": S || "remove",
+      tabIndex: 0,
+      className: "".concat(N, "-menu-item-remove"),
+      onClick: function(de) {
+        de.stopPropagation(), G(de, U);
+      }
+    }, V || d.removeIcon || "×"));
+  }));
+  function W(A) {
+    for (var K = r.filter(function(te) {
+      return !te.disabled;
+    }), k = K.findIndex(function(te) {
+      return te.key === O;
+    }) || 0, V = K.length, U = 0; U < V; U += 1) {
+      k = (k + A + V) % V;
+      var q = K[k];
+      if (!q.disabled) {
+        E(q.key);
+        return;
+      }
+    }
+  }
+  function J(A) {
+    var K = A.which;
+    if (!_) {
+      [ge.DOWN, ge.SPACE, ge.ENTER].includes(K) && (R(!0), A.preventDefault());
+      return;
+    }
+    switch (K) {
+      case ge.UP:
+        W(-1), A.preventDefault();
+        break;
+      case ge.DOWN:
+        W(1), A.preventDefault();
+        break;
+      case ge.ESC:
+        R(!1);
+        break;
+      case ge.SPACE:
+      case ge.ENTER:
+        O !== null && g(O, A);
+        break;
+    }
+  }
+  Be(function() {
+    var A = document.getElementById(I);
+    A && A.scrollIntoView && A.scrollIntoView(!1);
+  }, [O]), Be(function() {
+    _ || E(null);
+  }, [_]);
+  var F = B({}, h ? "marginRight" : "marginLeft", f);
+  r.length || (F.visibility = "hidden", F.order = 1);
+  var ee = D(B({}, "".concat(N, "-rtl"), h)), se = l ? null : /* @__PURE__ */ i.createElement(Hr, ae({
+    prefixCls: N,
+    overlay: m,
+    visible: r.length ? _ : !1,
+    onVisibleChange: R,
+    overlayClassName: D(ee, p),
+    mouseEnterDelay: 0.1,
+    mouseLeaveDelay: 0.1,
+    getPopupContainer: x
+  }, c), /* @__PURE__ */ i.createElement("button", {
+    type: "button",
+    className: "".concat(a, "-nav-more"),
+    style: F,
+    tabIndex: -1,
+    "aria-hidden": "true",
+    "aria-haspopup": "listbox",
+    "aria-controls": $,
+    id: "".concat(n, "-more"),
+    "aria-expanded": _,
+    onKeyDown: J
+  }, y));
+  return /* @__PURE__ */ i.createElement("div", {
+    className: D("".concat(a, "-nav-operations"), v),
+    style: u,
+    ref: t
+  }, se, /* @__PURE__ */ i.createElement(Ba, {
+    prefixCls: a,
+    locale: o,
+    editable: d
+  }));
+});
+const Ai = /* @__PURE__ */ i.memo(zi, function(e, t) {
+  return (
+    // https://github.com/ant-design/ant-design/issues/32544
+    // We'd better remove syntactic sugar in `rc-menu` since this has perf issue
+    t.tabMoving
+  );
+});
+var ki = function(t) {
+  var a = t.prefixCls, n = t.id, r = t.active, o = t.focus, l = t.tab, s = l.key, c = l.label, u = l.disabled, v = l.closeIcon, d = l.icon, f = t.closable, h = t.renderWrapper, S = t.removeAriaLabel, g = t.editable, x = t.onClick, p = t.onFocus, C = t.onBlur, b = t.onKeyDown, _ = t.onMouseDown, R = t.onMouseUp, P = t.style, M = t.tabCount, O = t.currentPosition, E = "".concat(a, "-tab"), T = Hn(f, v, g, u);
+  function y(G) {
+    u || x(G);
+  }
+  function $(G) {
+    G.preventDefault(), G.stopPropagation(), g.onEdit("remove", {
+      key: s,
+      event: G
+    });
+  }
+  var N = i.useMemo(function() {
+    return d && typeof c == "string" ? /* @__PURE__ */ i.createElement("span", null, c) : c;
+  }, [c, d]), I = i.useRef(null);
+  i.useEffect(function() {
+    o && I.current && I.current.focus();
+  }, [o]);
+  var j = /* @__PURE__ */ i.createElement("div", {
+    key: s,
+    "data-node-key": ja(s),
+    className: D(E, B(B(B(B({}, "".concat(E, "-with-remove"), T), "".concat(E, "-active"), r), "".concat(E, "-disabled"), u), "".concat(E, "-focus"), o)),
+    style: P,
+    onClick: y
+  }, /* @__PURE__ */ i.createElement("div", {
+    ref: I,
+    role: "tab",
+    "aria-selected": r,
+    id: n && "".concat(n, "-tab-").concat(s),
+    className: "".concat(E, "-btn"),
+    "aria-controls": n && "".concat(n, "-panel-").concat(s),
+    "aria-disabled": u,
+    tabIndex: u ? null : r ? 0 : -1,
+    onClick: function(m) {
+      m.stopPropagation(), y(m);
+    },
+    onKeyDown: b,
+    onMouseDown: _,
+    onMouseUp: R,
+    onFocus: p,
+    onBlur: C
+  }, o && /* @__PURE__ */ i.createElement("div", {
+    "aria-live": "polite",
+    style: {
+      width: 0,
+      height: 0,
+      position: "absolute",
+      overflow: "hidden",
+      opacity: 0
+    }
+  }, "Tab ".concat(O, " of ").concat(M)), d && /* @__PURE__ */ i.createElement("span", {
+    className: "".concat(E, "-icon")
+  }, d), c && N), T && /* @__PURE__ */ i.createElement("button", {
+    type: "button",
+    "aria-label": S || "remove",
+    tabIndex: r ? 0 : -1,
+    className: "".concat(E, "-remove"),
+    onClick: function(m) {
+      m.stopPropagation(), $(m);
+    }
+  }, v || g.removeIcon || "×"));
+  return h ? h(j) : j;
+}, ji = function(t, a) {
+  var n = t.offsetWidth, r = t.offsetHeight, o = t.offsetTop, l = t.offsetLeft, s = t.getBoundingClientRect(), c = s.width, u = s.height, v = s.left, d = s.top;
+  return Math.abs(c - n) < 1 ? [c, u, v - a.left, d - a.top] : [n, r, l, o];
+}, pt = function(t) {
+  var a = t.current || {}, n = a.offsetWidth, r = n === void 0 ? 0 : n, o = a.offsetHeight, l = o === void 0 ? 0 : o;
+  if (t.current) {
+    var s = t.current.getBoundingClientRect(), c = s.width, u = s.height;
+    if (Math.abs(c - r) < 1)
+      return [c, u];
+  }
+  return [r, l];
+}, Xt = function(t, a) {
+  return t[a ? 0 : 1];
+}, ca = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.className, n = e.style, r = e.id, o = e.animated, l = e.activeKey, s = e.rtl, c = e.extra, u = e.editable, v = e.locale, d = e.tabPosition, f = e.tabBarGutter, h = e.children, S = e.onTabClick, g = e.onTabScroll, x = e.indicator, p = i.useContext(sn), C = p.prefixCls, b = p.tabs, _ = ve(null), R = ve(null), P = ve(null), M = ve(null), O = ve(null), E = ve(null), T = ve(null), y = d === "top" || d === "bottom", $ = ra(0, function(X, L) {
+    y && g && g({
+      direction: X > L ? "left" : "right"
+    });
+  }), N = z($, 2), I = N[0], j = N[1], G = ra(0, function(X, L) {
+    !y && g && g({
+      direction: X > L ? "top" : "bottom"
+    });
+  }), m = z(G, 2), W = m[0], J = m[1], F = be([0, 0]), ee = z(F, 2), se = ee[0], A = ee[1], K = be([0, 0]), k = z(K, 2), V = k[0], U = k[1], q = be([0, 0]), te = z(q, 2), ie = te[0], de = te[1], fe = be([0, 0]), Pe = z(fe, 2), H = Pe[0], me = Pe[1], De = Ti(/* @__PURE__ */ new Map()), Xe = z(De, 2), oe = Xe[0], Z = Xe[1], ye = Ni(b, oe, V[0]), Ie = Xt(se, y), He = Xt(V, y), et = Xt(ie, y), Ye = Xt(H, y), Oe = Math.floor(Ie) < Math.floor(He + et), xe = Oe ? Ie - Ye : Ie - et, Ct = "".concat(C, "-nav-operations-hidden"), Re = 0, Te = 0;
+  y && s ? (Re = 0, Te = Math.max(0, He - xe)) : (Re = Math.min(0, xe - He), Te = 0);
+  function Ge(X) {
+    return X < Re ? Re : X > Te ? Te : X;
+  }
+  var Le = ve(null), We = be(), Ae = z(We, 2), ke = Ae[0], Ee = Ae[1];
+  function ce() {
+    Ee(Date.now());
+  }
+  function lt() {
+    Le.current && clearTimeout(Le.current);
+  }
+  Oi(M, function(X, L) {
+    function ne(re, he) {
+      re(function(Ce) {
+        var Je = Ge(Ce + he);
+        return Je;
+      });
+    }
+    return Oe ? (y ? ne(j, X) : ne(J, L), lt(), ce(), !0) : !1;
+  }), Be(function() {
+    return lt(), ke && (Le.current = setTimeout(function() {
+      Ee(0);
+    }, 100)), lt;
+  }, [ke]);
+  var $t = Li(
+    ye,
+    // Container
+    xe,
+    // Transform
+    y ? I : W,
+    // Tabs
+    He,
+    // Add
+    et,
+    // Operation
+    Ye,
+    Y(Y({}, e), {}, {
+      tabs: b
+    })
+  ), kt = z($t, 2), jt = kt[0], un = kt[1], Bt = sr(function() {
+    var X = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : l, L = ye.get(X) || {
+      width: 0,
+      height: 0,
+      left: 0,
+      right: 0,
+      top: 0
+    };
+    if (y) {
+      var ne = I;
+      s ? L.right < I ? ne = L.right : L.right + L.width > I + xe && (ne = L.right + L.width - xe) : L.left < -I ? ne = -L.left : L.left + L.width > -I + xe && (ne = -(L.left + L.width - xe)), J(0), j(Ge(ne));
+    } else {
+      var re = W;
+      L.top < -W ? re = -L.top : L.top + L.height > -W + xe && (re = -(L.top + L.height - xe)), j(0), J(Ge(re));
+    }
+  }), St = be(), Kt = z(St, 2), Fe = Kt[0], je = Kt[1], xt = be(!1), Et = z(xt, 2), dn = Et[0], wt = Et[1], pe = b.filter(function(X) {
+    return !X.disabled;
+  }).map(function(X) {
+    return X.key;
+  }), Ze = function(L) {
+    var ne = pe.indexOf(Fe || l), re = pe.length, he = (ne + L + re) % re, Ce = pe[he];
+    je(Ce);
+  }, fn = function(L) {
+    var ne = L.code, re = s && y, he = pe[0], Ce = pe[pe.length - 1];
+    switch (ne) {
+      case "ArrowLeft": {
+        y && Ze(re ? 1 : -1);
+        break;
+      }
+      case "ArrowRight": {
+        y && Ze(re ? -1 : 1);
+        break;
+      }
+      case "ArrowUp": {
+        L.preventDefault(), y || Ze(-1);
+        break;
+      }
+      case "ArrowDown": {
+        L.preventDefault(), y || Ze(1);
+        break;
+      }
+      case "Home": {
+        L.preventDefault(), je(he);
+        break;
+      }
+      case "End": {
+        L.preventDefault(), je(Ce);
+        break;
+      }
+      case "Enter":
+      case "Space": {
+        L.preventDefault(), S(Fe, L);
+        break;
+      }
+      case "Backspace":
+      case "Delete": {
+        var Je = pe.indexOf(Fe), we = b.find(function(Ue) {
+          return Ue.key === Fe;
+        }), Rt = Hn(we == null ? void 0 : we.closable, we == null ? void 0 : we.closeIcon, u, we == null ? void 0 : we.disabled);
+        Rt && (L.preventDefault(), L.stopPropagation(), u.onEdit("remove", {
+          key: Fe,
+          event: L
+        }), Je === pe.length - 1 ? Ze(-1) : Ze(1));
+        break;
+      }
+    }
+  }, tt = {};
+  y ? tt[s ? "marginRight" : "marginLeft"] = f : tt.marginTop = f;
+  var Vt = b.map(function(X, L) {
+    var ne = X.key;
+    return /* @__PURE__ */ i.createElement(ki, {
+      id: r,
+      prefixCls: C,
+      key: ne,
+      tab: X,
+      style: L === 0 ? void 0 : tt,
+      closable: X.closable,
+      editable: u,
+      active: ne === l,
+      focus: ne === Fe,
+      renderWrapper: h,
+      removeAriaLabel: v == null ? void 0 : v.removeAriaLabel,
+      tabCount: pe.length,
+      currentPosition: L + 1,
+      onClick: function(he) {
+        S(ne, he);
+      },
+      onKeyDown: fn,
+      onFocus: function() {
+        dn || je(ne), Bt(ne), ce(), M.current && (s || (M.current.scrollLeft = 0), M.current.scrollTop = 0);
+      },
+      onBlur: function() {
+        je(void 0);
+      },
+      onMouseDown: function() {
+        wt(!0);
+      },
+      onMouseUp: function() {
+        wt(!1);
+      }
+    });
+  }), Ht = function() {
+    return Z(function() {
+      var L, ne = /* @__PURE__ */ new Map(), re = (L = O.current) === null || L === void 0 ? void 0 : L.getBoundingClientRect();
+      return b.forEach(function(he) {
+        var Ce, Je = he.key, we = (Ce = O.current) === null || Ce === void 0 ? void 0 : Ce.querySelector('[data-node-key="'.concat(ja(Je), '"]'));
+        if (we) {
+          var Rt = ji(we, re), Ue = z(Rt, 4), ft = Ue[0], vn = Ue[1], mn = Ue[2], gn = Ue[3];
+          ne.set(Je, {
+            width: ft,
+            height: vn,
+            left: mn,
+            top: gn
+          });
+        }
+      }), ne;
+    });
+  };
+  Be(function() {
+    Ht();
+  }, [b.map(function(X) {
+    return X.key;
+  }).join("_")]);
+  var st = ka(function() {
+    var X = pt(_), L = pt(R), ne = pt(P);
+    A([X[0] - L[0] - ne[0], X[1] - L[1] - ne[1]]);
+    var re = pt(T);
+    de(re);
+    var he = pt(E);
+    me(he);
+    var Ce = pt(O);
+    U([Ce[0] - re[0], Ce[1] - re[1]]), Ht();
+  }), Gt = b.slice(0, jt), ct = b.slice(un + 1), Wt = [].concat(Ke(Gt), Ke(ct)), ut = ye.get(l), qe = Ri({
+    activeTabOffset: ut,
+    horizontal: y,
+    indicator: x,
+    rtl: s
+  }), Ft = qe.style;
+  Be(function() {
+    Bt();
+  }, [l, Re, Te, sa(ut), sa(ye), y]), Be(function() {
+    st();
+  }, [s]);
+  var _t = !!Wt.length, nt = "".concat(C, "-nav-wrap"), dt, Pt, It, qt;
+  return y ? s ? (Pt = I > 0, dt = I !== Te) : (dt = I < 0, Pt = I !== Re) : (It = W < 0, qt = W !== Re), /* @__PURE__ */ i.createElement(hn, {
+    onResize: st
+  }, /* @__PURE__ */ i.createElement("div", {
+    ref: ba(t, _),
+    role: "tablist",
+    "aria-orientation": y ? "horizontal" : "vertical",
+    className: D("".concat(C, "-nav"), a),
+    style: n,
+    onKeyDown: function() {
+      ce();
+    }
+  }, /* @__PURE__ */ i.createElement(Nn, {
+    ref: R,
+    position: "left",
+    extra: c,
+    prefixCls: C
+  }), /* @__PURE__ */ i.createElement(hn, {
+    onResize: st
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: D(nt, B(B(B(B({}, "".concat(nt, "-ping-left"), dt), "".concat(nt, "-ping-right"), Pt), "".concat(nt, "-ping-top"), It), "".concat(nt, "-ping-bottom"), qt)),
+    ref: M
+  }, /* @__PURE__ */ i.createElement(hn, {
+    onResize: st
+  }, /* @__PURE__ */ i.createElement("div", {
+    ref: O,
+    className: "".concat(C, "-nav-list"),
+    style: {
+      transform: "translate(".concat(I, "px, ").concat(W, "px)"),
+      transition: ke ? "none" : void 0
+    }
+  }, Vt, /* @__PURE__ */ i.createElement(Ba, {
+    ref: T,
+    prefixCls: C,
+    locale: v,
+    editable: u,
+    style: Y(Y({}, Vt.length === 0 ? void 0 : tt), {}, {
+      visibility: _t ? "hidden" : null
+    })
+  }), /* @__PURE__ */ i.createElement("div", {
+    className: D("".concat(C, "-ink-bar"), B({}, "".concat(C, "-ink-bar-animated"), o.inkBar)),
+    style: Ft
+  }))))), /* @__PURE__ */ i.createElement(Ai, ae({}, e, {
+    removeAriaLabel: v == null ? void 0 : v.removeAriaLabel,
+    ref: E,
+    prefixCls: C,
+    tabs: Wt,
+    className: !_t && Ct,
+    tabMoving: !!ke
+  })), /* @__PURE__ */ i.createElement(Nn, {
+    ref: P,
+    position: "right",
+    extra: c,
+    prefixCls: C
+  })));
+}), Gn = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.prefixCls, n = e.className, r = e.style, o = e.id, l = e.active, s = e.tabKey, c = e.children;
+  return /* @__PURE__ */ i.createElement("div", {
+    id: o && "".concat(o, "-panel-").concat(s),
+    role: "tabpanel",
+    tabIndex: l ? 0 : -1,
+    "aria-labelledby": o && "".concat(o, "-tab-").concat(s),
+    "aria-hidden": !l,
+    style: r,
+    className: D(a, l && "".concat(a, "-active"), n),
+    ref: t
+  }, c);
+});
+process.env.NODE_ENV !== "production" && (Gn.displayName = "TabPane");
+var Bi = ["renderTabBar"], Ki = ["label", "key"], Ka = function(t) {
+  var a = t.renderTabBar, n = Se(t, Bi), r = i.useContext(sn), o = r.tabs;
+  if (a) {
+    var l = Y(Y({}, n), {}, {
+      // Legacy support. We do not use this actually
+      panes: o.map(function(s) {
+        var c = s.label, u = s.key, v = Se(s, Ki);
+        return /* @__PURE__ */ i.createElement(Gn, ae({
+          tab: c,
+          key: u,
+          tabKey: u
+        }, v));
+      })
+    });
+    return a(l, ca);
+  }
+  return /* @__PURE__ */ i.createElement(ca, n);
+};
+process.env.NODE_ENV !== "production" && (Ka.displayName = "TabNavListWrapper");
+var Vi = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"], Hi = function(t) {
+  var a = t.id, n = t.activeKey, r = t.animated, o = t.tabPosition, l = t.destroyInactiveTabPane, s = i.useContext(sn), c = s.prefixCls, u = s.tabs, v = r.tabPane, d = "".concat(c, "-tabpane");
+  return /* @__PURE__ */ i.createElement("div", {
+    className: D("".concat(c, "-content-holder"))
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: D("".concat(c, "-content"), "".concat(c, "-content-").concat(o), B({}, "".concat(c, "-content-animated"), v))
+  }, u.map(function(f) {
+    var h = f.key, S = f.forceRender, g = f.style, x = f.className, p = f.destroyInactiveTabPane, C = Se(f, Vi), b = h === n;
+    return /* @__PURE__ */ i.createElement(ha, ae({
+      key: h,
+      visible: b,
+      forceRender: S,
+      removeOnLeave: !!(l || p),
+      leavedClassName: "".concat(d, "-hidden")
+    }, r.tabPaneMotion), function(_, R) {
+      var P = _.style, M = _.className;
+      return /* @__PURE__ */ i.createElement(Gn, ae({}, C, {
+        prefixCls: d,
+        id: a,
+        tabKey: h,
+        animated: v,
+        active: b,
+        style: Y(Y({}, g), P),
+        className: D(x, M),
+        ref: R
+      }));
+    });
+  })));
+};
+function Gi() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+    inkBar: !0,
+    tabPane: !1
+  }, t;
+  return e === !1 ? t = {
+    inkBar: !1,
+    tabPane: !1
+  } : e === !0 ? t = {
+    inkBar: !0,
+    tabPane: !1
+  } : t = Y({
+    inkBar: !0
+  }, en(e) === "object" ? e : {}), t.tabPaneMotion && t.tabPane === void 0 && (t.tabPane = !0), !t.tabPaneMotion && t.tabPane && (process.env.NODE_ENV !== "production" && rt(!1, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work."), t.tabPane = !1), t;
+}
+var Wi = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], ua = 0, Va = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var a = e.id, n = e.prefixCls, r = n === void 0 ? "rc-tabs" : n, o = e.className, l = e.items, s = e.direction, c = e.activeKey, u = e.defaultActiveKey, v = e.editable, d = e.animated, f = e.tabPosition, h = f === void 0 ? "top" : f, S = e.tabBarGutter, g = e.tabBarStyle, x = e.tabBarExtraContent, p = e.locale, C = e.more, b = e.destroyInactiveTabPane, _ = e.renderTabBar, R = e.onChange, P = e.onTabClick, M = e.onTabScroll, O = e.getPopupContainer, E = e.popupClassName, T = e.indicator, y = Se(e, Wi), $ = i.useMemo(function() {
+    return (l || []).filter(function(H) {
+      return H && en(H) === "object" && "key" in H;
+    });
+  }, [l]), N = s === "rtl", I = Gi(d), j = be(!1), G = z(j, 2), m = G[0], W = G[1];
+  Be(function() {
+    W(dr());
+  }, []);
+  var J = bt(function() {
+    var H;
+    return (H = $[0]) === null || H === void 0 ? void 0 : H.key;
+  }, {
+    value: c,
+    defaultValue: u
+  }), F = z(J, 2), ee = F[0], se = F[1], A = be(function() {
+    return $.findIndex(function(H) {
+      return H.key === ee;
+    });
+  }), K = z(A, 2), k = K[0], V = K[1];
+  Be(function() {
+    var H = $.findIndex(function(De) {
+      return De.key === ee;
+    });
+    if (H === -1) {
+      var me;
+      H = Math.max(0, Math.min(k, $.length - 1)), se((me = $[H]) === null || me === void 0 ? void 0 : me.key);
+    }
+    V(H);
+  }, [$.map(function(H) {
+    return H.key;
+  }).join("_"), ee, k]);
+  var U = bt(null, {
+    value: a
+  }), q = z(U, 2), te = q[0], ie = q[1];
+  Be(function() {
+    a || (ie("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : ua)), ua += 1);
+  }, []);
+  function de(H, me) {
+    P == null || P(H, me);
+    var De = H !== ee;
+    se(H), De && (R == null || R(H));
+  }
+  var fe = {
+    id: te,
+    activeKey: ee,
+    animated: I,
+    tabPosition: h,
+    rtl: N,
+    mobile: m
+  }, Pe = Y(Y({}, fe), {}, {
+    editable: v,
+    locale: p,
+    more: C,
+    tabBarGutter: S,
+    onTabClick: de,
+    onTabScroll: M,
+    extra: x,
+    style: g,
+    panes: null,
+    getPopupContainer: O,
+    popupClassName: E,
+    indicator: T
+  });
+  return /* @__PURE__ */ i.createElement(sn.Provider, {
+    value: {
+      tabs: $,
+      prefixCls: r
+    }
+  }, /* @__PURE__ */ i.createElement("div", ae({
+    ref: t,
+    id: a,
+    className: D(r, "".concat(r, "-").concat(h), B(B(B({}, "".concat(r, "-mobile"), m), "".concat(r, "-editable"), v), "".concat(r, "-rtl"), N), o)
+  }, y), /* @__PURE__ */ i.createElement(Ka, ae({}, Pe, {
+    renderTabBar: _
+  })), /* @__PURE__ */ i.createElement(Hi, ae({
+    destroyInactiveTabPane: b
+  }, fe, {
+    animated: I
+  }))));
+});
+process.env.NODE_ENV !== "production" && (Va.displayName = "Tabs");
+const Fi = {
+  motionAppear: !1,
+  motionEnter: !0,
+  motionLeave: !0
+};
+function qi(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    inkBar: !0,
+    tabPane: !1
+  }, a;
+  return t === !1 ? a = {
+    inkBar: !1,
+    tabPane: !1
+  } : t === !0 ? a = {
+    inkBar: !0,
+    tabPane: !0
+  } : a = Object.assign({
+    inkBar: !0
+  }, typeof t == "object" ? t : {}), a.tabPane && (a.tabPaneMotion = Object.assign(Object.assign({}, Fi), {
+    motionName: fr(e, "switch")
+  })), a;
+}
+var Ui = function(e, t) {
+  var a = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (a[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]) && (a[n[r]] = e[n[r]]);
+  return a;
+};
+function Xi(e) {
+  return e.filter((t) => t);
+}
+function Yi(e, t) {
+  if (process.env.NODE_ENV !== "production" && Ln("Tabs").deprecated(!t, "Tabs.TabPane", "items"), e)
+    return e;
+  const a = Ca(t).map((n) => {
+    if (/* @__PURE__ */ i.isValidElement(n)) {
+      const {
+        key: r,
+        props: o
+      } = n, l = o || {}, {
+        tab: s
+      } = l, c = Ui(l, ["tab"]);
+      return Object.assign(Object.assign({
+        key: String(r)
+      }, c), {
+        label: s
+      });
+    }
+    return null;
+  });
+  return Xi(a);
+}
+const Zi = (e) => {
+  const {
+    componentCls: t,
+    motionDurationSlow: a
+  } = e;
+  return [
+    {
+      [t]: {
+        [`${t}-switch`]: {
+          "&-appear, &-enter": {
+            transition: "none",
+            "&-start": {
+              opacity: 0
+            },
+            "&-active": {
+              opacity: 1,
+              transition: `opacity ${a}`
+            }
+          },
+          "&-leave": {
+            position: "absolute",
+            transition: "none",
+            inset: 0,
+            "&-start": {
+              opacity: 1
+            },
+            "&-active": {
+              opacity: 0,
+              transition: `opacity ${a}`
+            }
+          }
+        }
+      }
+    },
+    // Follow code may reuse in other components
+    [Xn(e, "slide-up"), Xn(e, "slide-down")]
+  ];
+}, Ji = (e) => {
+  const {
+    componentCls: t,
+    tabsCardPadding: a,
+    cardBg: n,
+    cardGutter: r,
+    colorBorderSecondary: o,
+    itemSelectedColor: l
+  } = e;
+  return {
+    [`${t}-card`]: {
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        [`${t}-tab`]: {
+          margin: 0,
+          padding: a,
+          background: n,
+          border: `${w(e.lineWidth)} ${e.lineType} ${o}`,
+          transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`
+        },
+        [`${t}-tab-active`]: {
+          color: l,
+          background: e.colorBgContainer
+        },
+        [`${t}-tab-focus`]: Object.assign({}, ya(e, -3)),
+        [`${t}-ink-bar`]: {
+          visibility: "hidden"
+        },
+        [`& ${t}-tab${t}-tab-focus ${t}-tab-btn`]: {
+          outline: "none"
+        }
+      },
+      // ========================== Top & Bottom ==========================
+      [`&${t}-top, &${t}-bottom`]: {
+        [`> ${t}-nav, > div > ${t}-nav`]: {
+          [`${t}-tab + ${t}-tab`]: {
+            marginLeft: {
+              _skip_check_: !0,
+              value: w(r)
+            }
+          }
+        }
+      },
+      [`&${t}-top`]: {
+        [`> ${t}-nav, > div > ${t}-nav`]: {
+          [`${t}-tab`]: {
+            borderRadius: `${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)} 0 0`
+          },
+          [`${t}-tab-active`]: {
+            borderBottomColor: e.colorBgContainer
+          }
+        }
+      },
+      [`&${t}-bottom`]: {
+        [`> ${t}-nav, > div > ${t}-nav`]: {
+          [`${t}-tab`]: {
+            borderRadius: `0 0 ${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)}`
+          },
+          [`${t}-tab-active`]: {
+            borderTopColor: e.colorBgContainer
+          }
+        }
+      },
+      // ========================== Left & Right ==========================
+      [`&${t}-left, &${t}-right`]: {
+        [`> ${t}-nav, > div > ${t}-nav`]: {
+          [`${t}-tab + ${t}-tab`]: {
+            marginTop: w(r)
+          }
+        }
+      },
+      [`&${t}-left`]: {
+        [`> ${t}-nav, > div > ${t}-nav`]: {
+          [`${t}-tab`]: {
+            borderRadius: {
+              _skip_check_: !0,
+              value: `${w(e.borderRadiusLG)} 0 0 ${w(e.borderRadiusLG)}`
+            }
+          },
+          [`${t}-tab-active`]: {
+            borderRightColor: {
+              _skip_check_: !0,
+              value: e.colorBgContainer
+            }
+          }
+        }
+      },
+      [`&${t}-right`]: {
+        [`> ${t}-nav, > div > ${t}-nav`]: {
+          [`${t}-tab`]: {
+            borderRadius: {
+              _skip_check_: !0,
+              value: `0 ${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)} 0`
+            }
+          },
+          [`${t}-tab-active`]: {
+            borderLeftColor: {
+              _skip_check_: !0,
+              value: e.colorBgContainer
+            }
+          }
+        }
+      }
+    }
+  };
+}, Qi = (e) => {
+  const {
+    componentCls: t,
+    itemHoverColor: a,
+    dropdownEdgeChildVerticalPadding: n
+  } = e;
+  return {
+    [`${t}-dropdown`]: Object.assign(Object.assign({}, Dn(e)), {
+      position: "absolute",
+      top: -9999,
+      left: {
+        _skip_check_: !0,
+        value: -9999
+      },
+      zIndex: e.zIndexPopup,
+      display: "block",
+      "&-hidden": {
+        display: "none"
+      },
+      [`${t}-dropdown-menu`]: {
+        maxHeight: e.tabsDropdownHeight,
+        margin: 0,
+        padding: `${w(n)} 0`,
+        overflowX: "hidden",
+        overflowY: "auto",
+        textAlign: {
+          _skip_check_: !0,
+          value: "left"
+        },
+        listStyleType: "none",
+        backgroundColor: e.colorBgContainer,
+        backgroundClip: "padding-box",
+        borderRadius: e.borderRadiusLG,
+        outline: "none",
+        boxShadow: e.boxShadowSecondary,
+        "&-item": Object.assign(Object.assign({}, zn), {
+          display: "flex",
+          alignItems: "center",
+          minWidth: e.tabsDropdownWidth,
+          margin: 0,
+          padding: `${w(e.paddingXXS)} ${w(e.paddingSM)}`,
+          color: e.colorText,
+          fontWeight: "normal",
+          fontSize: e.fontSize,
+          lineHeight: e.lineHeight,
+          cursor: "pointer",
+          transition: `all ${e.motionDurationSlow}`,
+          "> span": {
+            flex: 1,
+            whiteSpace: "nowrap"
+          },
+          "&-remove": {
+            flex: "none",
+            marginLeft: {
+              _skip_check_: !0,
+              value: e.marginSM
+            },
+            color: e.colorTextDescription,
+            fontSize: e.fontSizeSM,
+            background: "transparent",
+            border: 0,
+            cursor: "pointer",
+            "&:hover": {
+              color: a
+            }
+          },
+          "&:hover": {
+            background: e.controlItemBgHover
+          },
+          "&-disabled": {
+            "&, &:hover": {
+              color: e.colorTextDisabled,
+              background: "transparent",
+              cursor: "not-allowed"
+            }
+          }
+        })
+      }
+    })
+  };
+}, eo = (e) => {
+  const {
+    componentCls: t,
+    margin: a,
+    colorBorderSecondary: n,
+    horizontalMargin: r,
+    verticalItemPadding: o,
+    verticalItemMargin: l,
+    calc: s
+  } = e;
+  return {
+    // ========================== Top & Bottom ==========================
+    [`${t}-top, ${t}-bottom`]: {
+      flexDirection: "column",
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        margin: r,
+        "&::before": {
+          position: "absolute",
+          right: {
+            _skip_check_: !0,
+            value: 0
+          },
+          left: {
+            _skip_check_: !0,
+            value: 0
+          },
+          borderBottom: `${w(e.lineWidth)} ${e.lineType} ${n}`,
+          content: "''"
+        },
+        [`${t}-ink-bar`]: {
+          height: e.lineWidthBold,
+          "&-animated": {
+            transition: `width ${e.motionDurationSlow}, left ${e.motionDurationSlow},
+            right ${e.motionDurationSlow}`
+          }
+        },
+        [`${t}-nav-wrap`]: {
+          "&::before, &::after": {
+            top: 0,
+            bottom: 0,
+            width: e.controlHeight
+          },
+          "&::before": {
+            left: {
+              _skip_check_: !0,
+              value: 0
+            },
+            boxShadow: e.boxShadowTabsOverflowLeft
+          },
+          "&::after": {
+            right: {
+              _skip_check_: !0,
+              value: 0
+            },
+            boxShadow: e.boxShadowTabsOverflowRight
+          },
+          [`&${t}-nav-wrap-ping-left::before`]: {
+            opacity: 1
+          },
+          [`&${t}-nav-wrap-ping-right::after`]: {
+            opacity: 1
+          }
+        }
+      }
+    },
+    [`${t}-top`]: {
+      [`> ${t}-nav,
+        > div > ${t}-nav`]: {
+        "&::before": {
+          bottom: 0
+        },
+        [`${t}-ink-bar`]: {
+          bottom: 0
+        }
+      }
+    },
+    [`${t}-bottom`]: {
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        order: 1,
+        marginTop: a,
+        marginBottom: 0,
+        "&::before": {
+          top: 0
+        },
+        [`${t}-ink-bar`]: {
+          top: 0
+        }
+      },
+      [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
+        order: 0
+      }
+    },
+    // ========================== Left & Right ==========================
+    [`${t}-left, ${t}-right`]: {
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        flexDirection: "column",
+        minWidth: s(e.controlHeight).mul(1.25).equal(),
+        // >>>>>>>>>>> Tab
+        [`${t}-tab`]: {
+          padding: o,
+          textAlign: "center"
+        },
+        [`${t}-tab + ${t}-tab`]: {
+          margin: l
+        },
+        // >>>>>>>>>>> Nav
+        [`${t}-nav-wrap`]: {
+          flexDirection: "column",
+          "&::before, &::after": {
+            right: {
+              _skip_check_: !0,
+              value: 0
+            },
+            left: {
+              _skip_check_: !0,
+              value: 0
+            },
+            height: e.controlHeight
+          },
+          "&::before": {
+            top: 0,
+            boxShadow: e.boxShadowTabsOverflowTop
+          },
+          "&::after": {
+            bottom: 0,
+            boxShadow: e.boxShadowTabsOverflowBottom
+          },
+          [`&${t}-nav-wrap-ping-top::before`]: {
+            opacity: 1
+          },
+          [`&${t}-nav-wrap-ping-bottom::after`]: {
+            opacity: 1
+          }
+        },
+        // >>>>>>>>>>> Ink Bar
+        [`${t}-ink-bar`]: {
+          width: e.lineWidthBold,
+          "&-animated": {
+            transition: `height ${e.motionDurationSlow}, top ${e.motionDurationSlow}`
+          }
+        },
+        [`${t}-nav-list, ${t}-nav-operations`]: {
+          flex: "1 0 auto",
+          // fix safari scroll problem
+          flexDirection: "column"
+        }
+      }
+    },
+    [`${t}-left`]: {
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        [`${t}-ink-bar`]: {
+          right: {
+            _skip_check_: !0,
+            value: 0
+          }
+        }
+      },
+      [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
+        marginLeft: {
+          _skip_check_: !0,
+          value: w(s(e.lineWidth).mul(-1).equal())
+        },
+        borderLeft: {
+          _skip_check_: !0,
+          value: `${w(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
+        },
+        [`> ${t}-content > ${t}-tabpane`]: {
+          paddingLeft: {
+            _skip_check_: !0,
+            value: e.paddingLG
+          }
+        }
+      }
+    },
+    [`${t}-right`]: {
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        order: 1,
+        [`${t}-ink-bar`]: {
+          left: {
+            _skip_check_: !0,
+            value: 0
+          }
+        }
+      },
+      [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
+        order: 0,
+        marginRight: {
+          _skip_check_: !0,
+          value: s(e.lineWidth).mul(-1).equal()
+        },
+        borderRight: {
+          _skip_check_: !0,
+          value: `${w(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
+        },
+        [`> ${t}-content > ${t}-tabpane`]: {
+          paddingRight: {
+            _skip_check_: !0,
+            value: e.paddingLG
+          }
+        }
+      }
+    }
+  };
+}, to = (e) => {
+  const {
+    componentCls: t,
+    cardPaddingSM: a,
+    cardPaddingLG: n,
+    horizontalItemPaddingSM: r,
+    horizontalItemPaddingLG: o
+  } = e;
+  return {
+    [t]: {
+      "&-small": {
+        [`> ${t}-nav`]: {
+          [`${t}-tab`]: {
+            padding: r,
+            fontSize: e.titleFontSizeSM
+          }
+        }
+      },
+      "&-large": {
+        [`> ${t}-nav`]: {
+          [`${t}-tab`]: {
+            padding: o,
+            fontSize: e.titleFontSizeLG
+          }
+        }
+      }
+    },
+    [`${t}-card`]: {
+      [`&${t}-small`]: {
+        [`> ${t}-nav`]: {
+          [`${t}-tab`]: {
+            padding: a
+          }
+        },
+        [`&${t}-bottom`]: {
+          [`> ${t}-nav ${t}-tab`]: {
+            borderRadius: `0 0 ${w(e.borderRadius)} ${w(e.borderRadius)}`
+          }
+        },
+        [`&${t}-top`]: {
+          [`> ${t}-nav ${t}-tab`]: {
+            borderRadius: `${w(e.borderRadius)} ${w(e.borderRadius)} 0 0`
+          }
+        },
+        [`&${t}-right`]: {
+          [`> ${t}-nav ${t}-tab`]: {
+            borderRadius: {
+              _skip_check_: !0,
+              value: `0 ${w(e.borderRadius)} ${w(e.borderRadius)} 0`
+            }
+          }
+        },
+        [`&${t}-left`]: {
+          [`> ${t}-nav ${t}-tab`]: {
+            borderRadius: {
+              _skip_check_: !0,
+              value: `${w(e.borderRadius)} 0 0 ${w(e.borderRadius)}`
+            }
+          }
+        }
+      },
+      [`&${t}-large`]: {
+        [`> ${t}-nav`]: {
+          [`${t}-tab`]: {
+            padding: n
+          }
+        }
+      }
+    }
+  };
+}, no = (e) => {
+  const {
+    componentCls: t,
+    itemActiveColor: a,
+    itemHoverColor: n,
+    iconCls: r,
+    tabsHorizontalItemMargin: o,
+    horizontalItemPadding: l,
+    itemSelectedColor: s,
+    itemColor: c
+  } = e, u = `${t}-tab`;
+  return {
+    [u]: {
+      position: "relative",
+      WebkitTouchCallout: "none",
+      WebkitTapHighlightColor: "transparent",
+      display: "inline-flex",
+      alignItems: "center",
+      padding: l,
+      fontSize: e.titleFontSize,
+      background: "transparent",
+      border: 0,
+      outline: "none",
+      cursor: "pointer",
+      color: c,
+      "&-btn, &-remove": {
+        "&:focus:not(:focus-visible), &:active": {
+          color: a
+        }
+      },
+      "&-btn": {
+        outline: "none",
+        transition: `all ${e.motionDurationSlow}`,
+        [`${u}-icon:not(:last-child)`]: {
+          marginInlineEnd: e.marginSM
+        }
+      },
+      "&-remove": Object.assign({
+        flex: "none",
+        marginRight: {
+          _skip_check_: !0,
+          value: e.calc(e.marginXXS).mul(-1).equal()
+        },
+        marginLeft: {
+          _skip_check_: !0,
+          value: e.marginXS
+        },
+        color: e.colorTextDescription,
+        fontSize: e.fontSizeSM,
+        background: "transparent",
+        border: "none",
+        outline: "none",
+        cursor: "pointer",
+        transition: `all ${e.motionDurationSlow}`,
+        "&:hover": {
+          color: e.colorTextHeading
+        }
+      }, xn(e)),
+      "&:hover": {
+        color: n
+      },
+      [`&${u}-active ${u}-btn`]: {
+        color: s,
+        textShadow: e.tabsActiveTextShadow
+      },
+      [`&${u}-focus ${u}-btn`]: Object.assign({}, ya(e)),
+      [`&${u}-disabled`]: {
+        color: e.colorTextDisabled,
+        cursor: "not-allowed"
+      },
+      [`&${u}-disabled ${u}-btn, &${u}-disabled ${t}-remove`]: {
+        "&:focus, &:active": {
+          color: e.colorTextDisabled
+        }
+      },
+      [`& ${u}-remove ${r}`]: {
+        margin: 0
+      },
+      [`${r}:not(:last-child)`]: {
+        marginRight: {
+          _skip_check_: !0,
+          value: e.marginSM
+        }
+      }
+    },
+    [`${u} + ${u}`]: {
+      margin: {
+        _skip_check_: !0,
+        value: o
+      }
+    }
+  };
+}, ao = (e) => {
+  const {
+    componentCls: t,
+    tabsHorizontalItemMarginRTL: a,
+    iconCls: n,
+    cardGutter: r,
+    calc: o
+  } = e;
+  return {
+    [`${t}-rtl`]: {
+      direction: "rtl",
+      [`${t}-nav`]: {
+        [`${t}-tab`]: {
+          margin: {
+            _skip_check_: !0,
+            value: a
+          },
+          [`${t}-tab:last-of-type`]: {
+            marginLeft: {
+              _skip_check_: !0,
+              value: 0
+            }
+          },
+          [n]: {
+            marginRight: {
+              _skip_check_: !0,
+              value: 0
+            },
+            marginLeft: {
+              _skip_check_: !0,
+              value: w(e.marginSM)
+            }
+          },
+          [`${t}-tab-remove`]: {
+            marginRight: {
+              _skip_check_: !0,
+              value: w(e.marginXS)
+            },
+            marginLeft: {
+              _skip_check_: !0,
+              value: w(o(e.marginXXS).mul(-1).equal())
+            },
+            [n]: {
+              margin: 0
+            }
+          }
+        }
+      },
+      [`&${t}-left`]: {
+        [`> ${t}-nav`]: {
+          order: 1
+        },
+        [`> ${t}-content-holder`]: {
+          order: 0
+        }
+      },
+      [`&${t}-right`]: {
+        [`> ${t}-nav`]: {
+          order: 0
+        },
+        [`> ${t}-content-holder`]: {
+          order: 1
+        }
+      },
+      // ====================== Card ======================
+      [`&${t}-card${t}-top, &${t}-card${t}-bottom`]: {
+        [`> ${t}-nav, > div > ${t}-nav`]: {
+          [`${t}-tab + ${t}-tab`]: {
+            marginRight: {
+              _skip_check_: !0,
+              value: r
+            },
+            marginLeft: {
+              _skip_check_: !0,
+              value: 0
+            }
+          }
+        }
+      }
+    },
+    [`${t}-dropdown-rtl`]: {
+      direction: "rtl"
+    },
+    [`${t}-menu-item`]: {
+      [`${t}-dropdown-rtl`]: {
+        textAlign: {
+          _skip_check_: !0,
+          value: "right"
+        }
+      }
+    }
+  };
+}, ro = (e) => {
+  const {
+    componentCls: t,
+    tabsCardPadding: a,
+    cardHeight: n,
+    cardGutter: r,
+    itemHoverColor: o,
+    itemActiveColor: l,
+    colorBorderSecondary: s
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, Dn(e)), {
+      display: "flex",
+      // ========================== Navigation ==========================
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        position: "relative",
+        display: "flex",
+        flex: "none",
+        alignItems: "center",
+        [`${t}-nav-wrap`]: {
+          position: "relative",
+          display: "flex",
+          flex: "auto",
+          alignSelf: "stretch",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          transform: "translate(0)",
+          // Fix chrome render bug
+          // >>>>> Ping shadow
+          "&::before, &::after": {
+            position: "absolute",
+            zIndex: 1,
+            opacity: 0,
+            transition: `opacity ${e.motionDurationSlow}`,
+            content: "''",
+            pointerEvents: "none"
+          }
+        },
+        [`${t}-nav-list`]: {
+          position: "relative",
+          display: "flex",
+          transition: `opacity ${e.motionDurationSlow}`
+        },
+        // >>>>>>>> Operations
+        [`${t}-nav-operations`]: {
+          display: "flex",
+          alignSelf: "stretch"
+        },
+        [`${t}-nav-operations-hidden`]: {
+          position: "absolute",
+          visibility: "hidden",
+          pointerEvents: "none"
+        },
+        [`${t}-nav-more`]: {
+          position: "relative",
+          padding: a,
+          background: "transparent",
+          border: 0,
+          color: e.colorText,
+          "&::after": {
+            position: "absolute",
+            right: {
+              _skip_check_: !0,
+              value: 0
+            },
+            bottom: 0,
+            left: {
+              _skip_check_: !0,
+              value: 0
+            },
+            height: e.calc(e.controlHeightLG).div(8).equal(),
+            transform: "translateY(100%)",
+            content: "''"
+          }
+        },
+        [`${t}-nav-add`]: Object.assign({
+          minWidth: n,
+          marginLeft: {
+            _skip_check_: !0,
+            value: r
+          },
+          padding: w(e.paddingXS),
+          background: "transparent",
+          border: `${w(e.lineWidth)} ${e.lineType} ${s}`,
+          borderRadius: `${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)} 0 0`,
+          outline: "none",
+          cursor: "pointer",
+          color: e.colorText,
+          transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`,
+          "&:hover": {
+            color: o
+          },
+          "&:active, &:focus:not(:focus-visible)": {
+            color: l
+          }
+        }, xn(e, -3))
+      },
+      [`${t}-extra-content`]: {
+        flex: "none"
+      },
+      // ============================ InkBar ============================
+      [`${t}-ink-bar`]: {
+        position: "absolute",
+        background: e.inkBarColor,
+        pointerEvents: "none"
+      }
+    }), no(e)), {
+      // =========================== TabPanes ===========================
+      [`${t}-content`]: {
+        position: "relative",
+        width: "100%"
+      },
+      [`${t}-content-holder`]: {
+        flex: "auto",
+        minWidth: 0,
+        minHeight: 0
+      },
+      [`${t}-tabpane`]: Object.assign(Object.assign({}, xn(e)), {
+        "&-hidden": {
+          display: "none"
+        }
+      })
+    }),
+    [`${t}-centered`]: {
+      [`> ${t}-nav, > div > ${t}-nav`]: {
+        [`${t}-nav-wrap`]: {
+          [`&:not([class*='${t}-nav-wrap-ping']) > ${t}-nav-list`]: {
+            margin: "auto"
+          }
+        }
+      }
+    }
+  };
+}, io = (e) => {
+  const t = e.controlHeightLG;
+  return {
+    zIndexPopup: e.zIndexPopupBase + 50,
+    cardBg: e.colorFillAlter,
+    cardHeight: t,
+    // Initialize with empty string, because cardPadding will be calculated with cardHeight by default.
+    cardPadding: `${(t - Math.round(e.fontSize * e.lineHeight)) / 2 - e.lineWidth}px ${e.padding}px`,
+    cardPaddingSM: `${e.paddingXXS * 1.5}px ${e.padding}px`,
+    cardPaddingLG: `${e.paddingXS}px ${e.padding}px ${e.paddingXXS * 1.5}px`,
+    titleFontSize: e.fontSize,
+    titleFontSizeLG: e.fontSizeLG,
+    titleFontSizeSM: e.fontSize,
+    inkBarColor: e.colorPrimary,
+    horizontalMargin: `0 0 ${e.margin}px 0`,
+    horizontalItemGutter: 32,
+    // Fixed Value
+    // Initialize with empty string, because horizontalItemMargin will be calculated with horizontalItemGutter by default.
+    horizontalItemMargin: "",
+    horizontalItemMarginRTL: "",
+    horizontalItemPadding: `${e.paddingSM}px 0`,
+    horizontalItemPaddingSM: `${e.paddingXS}px 0`,
+    horizontalItemPaddingLG: `${e.padding}px 0`,
+    verticalItemPadding: `${e.paddingXS}px ${e.paddingLG}px`,
+    verticalItemMargin: `${e.margin}px 0 0 0`,
+    itemColor: e.colorText,
+    itemSelectedColor: e.colorPrimary,
+    itemHoverColor: e.colorPrimaryHover,
+    itemActiveColor: e.colorPrimaryActive,
+    cardGutter: e.marginXXS / 2
+  };
+}, oo = On("Tabs", (e) => {
+  const t = Tn(e, {
+    // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`
+    tabsCardPadding: e.cardPadding,
+    dropdownEdgeChildVerticalPadding: e.paddingXXS,
+    tabsActiveTextShadow: "0 0 0.25px currentcolor",
+    tabsDropdownHeight: 200,
+    tabsDropdownWidth: 120,
+    tabsHorizontalItemMargin: `0 0 0 ${w(e.horizontalItemGutter)}`,
+    tabsHorizontalItemMarginRTL: `0 0 0 ${w(e.horizontalItemGutter)}`
+  });
+  return [to(t), ao(t), eo(t), Qi(t), Ji(t), ro(t), Zi(t)];
+}, io), Ha = () => null;
+process.env.NODE_ENV !== "production" && (Ha.displayName = "DeprecatedTabPane");
+var lo = function(e, t) {
+  var a = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (a[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]) && (a[n[r]] = e[n[r]]);
+  return a;
+};
+const Wn = (e) => {
+  var t, a, n, r, o, l, s, c, u, v, d;
+  const {
+    type: f,
+    className: h,
+    rootClassName: S,
+    size: g,
+    onEdit: x,
+    hideAdd: p,
+    centered: C,
+    addIcon: b,
+    removeIcon: _,
+    moreIcon: R,
+    more: P,
+    popupClassName: M,
+    children: O,
+    items: E,
+    animated: T,
+    style: y,
+    indicatorSize: $,
+    indicator: N
+  } = e, I = lo(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]), {
+    prefixCls: j
+  } = I, {
+    direction: G,
+    tabs: m,
+    getPrefixCls: W,
+    getPopupContainer: J
+  } = i.useContext(Ve), F = W("tabs", j), ee = gr(F), [se, A, K] = oo(F, ee);
+  let k;
+  f === "editable-card" && (k = {
+    onEdit: (fe, Pe) => {
+      let {
+        key: H,
+        event: me
+      } = Pe;
+      x == null || x(fe === "add" ? me : H, fe);
+    },
+    removeIcon: (t = _ ?? (m == null ? void 0 : m.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ i.createElement(vr, null),
+    addIcon: (b ?? (m == null ? void 0 : m.addIcon)) || /* @__PURE__ */ i.createElement(Aa, null),
+    showAdd: p !== !0
+  });
+  const V = W();
+  if (process.env.NODE_ENV !== "production") {
+    const fe = Ln("Tabs");
+    process.env.NODE_ENV !== "production" && fe(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && fe(!($ || m != null && m.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
+  }
+  const U = $a(g), q = Yi(E, O), te = qi(F, T), ie = Object.assign(Object.assign({}, m == null ? void 0 : m.style), y), de = {
+    align: (a = N == null ? void 0 : N.align) !== null && a !== void 0 ? a : (n = m == null ? void 0 : m.indicator) === null || n === void 0 ? void 0 : n.align,
+    size: (s = (o = (r = N == null ? void 0 : N.size) !== null && r !== void 0 ? r : $) !== null && o !== void 0 ? o : (l = m == null ? void 0 : m.indicator) === null || l === void 0 ? void 0 : l.size) !== null && s !== void 0 ? s : m == null ? void 0 : m.indicatorSize
+  };
+  return se(/* @__PURE__ */ i.createElement(Va, Object.assign({
+    direction: G,
+    getPopupContainer: J
+  }, I, {
+    items: q,
+    className: D({
+      [`${F}-${U}`]: U,
+      [`${F}-card`]: ["card", "editable-card"].includes(f),
+      [`${F}-editable-card`]: f === "editable-card",
+      [`${F}-centered`]: C
+    }, m == null ? void 0 : m.className, h, S, A, K, ee),
+    popupClassName: D(M, A, K, ee),
+    style: ie,
+    editable: k,
+    more: Object.assign({
+      icon: (d = (v = (u = (c = m == null ? void 0 : m.more) === null || c === void 0 ? void 0 : c.icon) !== null && u !== void 0 ? u : m == null ? void 0 : m.moreIcon) !== null && v !== void 0 ? v : R) !== null && d !== void 0 ? d : /* @__PURE__ */ i.createElement(za, null),
+      transitionName: `${V}-slide-up`
+    }, P),
+    prefixCls: F,
+    animated: te,
+    indicator: de
+  })));
+};
+Wn.TabPane = Ha;
+process.env.NODE_ENV !== "production" && (Wn.displayName = "Tabs");
+var so = function(e, t) {
+  var a = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (a[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]) && (a[n[r]] = e[n[r]]);
+  return a;
+};
+const Ga = (e) => {
+  var {
+    prefixCls: t,
+    className: a,
+    hoverable: n = !0
+  } = e, r = so(e, ["prefixCls", "className", "hoverable"]);
+  const {
+    getPrefixCls: o
+  } = i.useContext(Ve), l = o("card", t), s = D(`${l}-grid`, a, {
+    [`${l}-grid-hoverable`]: n
+  });
+  return /* @__PURE__ */ i.createElement("div", Object.assign({}, r, {
+    className: s
+  }));
+}, co = (e) => {
+  const {
+    antCls: t,
+    componentCls: a,
+    headerHeight: n,
+    headerPadding: r,
+    tabsMarginBottom: o
+  } = e;
+  return Object.assign(Object.assign({
+    display: "flex",
+    justifyContent: "center",
+    flexDirection: "column",
+    minHeight: n,
+    marginBottom: -1,
+    padding: `0 ${w(r)}`,
+    color: e.colorTextHeading,
+    fontWeight: e.fontWeightStrong,
+    fontSize: e.headerFontSize,
+    background: e.headerBg,
+    borderBottom: `${w(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,
+    borderRadius: `${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)} 0 0`
+  }, tn()), {
+    "&-wrapper": {
+      width: "100%",
+      display: "flex",
+      alignItems: "center"
+    },
+    "&-title": Object.assign(Object.assign({
+      display: "inline-block",
+      flex: 1
+    }, zn), {
+      [`
+          > ${a}-typography,
+          > ${a}-typography-edit-content
+        `]: {
+        insetInlineStart: 0,
+        marginTop: 0,
+        marginBottom: 0
+      }
+    }),
+    [`${t}-tabs-top`]: {
+      clear: "both",
+      marginBottom: o,
+      color: e.colorText,
+      fontWeight: "normal",
+      fontSize: e.fontSize,
+      "&-bar": {
+        borderBottom: `${w(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
+      }
+    }
+  });
+}, uo = (e) => {
+  const {
+    cardPaddingBase: t,
+    colorBorderSecondary: a,
+    cardShadow: n,
+    lineWidth: r
+  } = e;
+  return {
+    width: "33.33%",
+    padding: t,
+    border: 0,
+    borderRadius: 0,
+    boxShadow: `
+      ${w(r)} 0 0 0 ${a},
+      0 ${w(r)} 0 0 ${a},
+      ${w(r)} ${w(r)} 0 0 ${a},
+      ${w(r)} 0 0 0 ${a} inset,
+      0 ${w(r)} 0 0 ${a} inset;
+    `,
+    transition: `all ${e.motionDurationMid}`,
+    "&-hoverable:hover": {
+      position: "relative",
+      zIndex: 1,
+      boxShadow: n
+    }
+  };
+}, fo = (e) => {
+  const {
+    componentCls: t,
+    iconCls: a,
+    actionsLiMargin: n,
+    cardActionsIconSize: r,
+    colorBorderSecondary: o,
+    actionsBg: l
+  } = e;
+  return Object.assign(Object.assign({
+    margin: 0,
+    padding: 0,
+    listStyle: "none",
+    background: l,
+    borderTop: `${w(e.lineWidth)} ${e.lineType} ${o}`,
+    display: "flex",
+    borderRadius: `0 0 ${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)}`
+  }, tn()), {
+    "& > li": {
+      margin: n,
+      color: e.colorTextDescription,
+      textAlign: "center",
+      "> span": {
+        position: "relative",
+        display: "block",
+        minWidth: e.calc(e.cardActionsIconSize).mul(2).equal(),
+        fontSize: e.fontSize,
+        lineHeight: e.lineHeight,
+        cursor: "pointer",
+        "&:hover": {
+          color: e.colorPrimary,
+          transition: `color ${e.motionDurationMid}`
+        },
+        [`a:not(${t}-btn), > ${a}`]: {
+          display: "inline-block",
+          width: "100%",
+          color: e.colorTextDescription,
+          lineHeight: w(e.fontHeight),
+          transition: `color ${e.motionDurationMid}`,
+          "&:hover": {
+            color: e.colorPrimary
+          }
+        },
+        [`> ${a}`]: {
+          fontSize: r,
+          lineHeight: w(e.calc(r).mul(e.lineHeight).equal())
+        }
+      },
+      "&:not(:last-child)": {
+        borderInlineEnd: `${w(e.lineWidth)} ${e.lineType} ${o}`
+      }
+    }
+  });
+}, vo = (e) => Object.assign(Object.assign({
+  margin: `${w(e.calc(e.marginXXS).mul(-1).equal())} 0`,
+  display: "flex"
+}, tn()), {
+  "&-avatar": {
+    paddingInlineEnd: e.padding
+  },
+  "&-detail": {
+    overflow: "hidden",
+    flex: 1,
+    "> div:not(:last-child)": {
+      marginBottom: e.marginXS
+    }
+  },
+  "&-title": Object.assign({
+    color: e.colorTextHeading,
+    fontWeight: e.fontWeightStrong,
+    fontSize: e.fontSizeLG
+  }, zn),
+  "&-description": {
+    color: e.colorTextDescription
+  }
+}), mo = (e) => {
+  const {
+    componentCls: t,
+    colorFillAlter: a,
+    headerPadding: n,
+    bodyPadding: r
+  } = e;
+  return {
+    [`${t}-head`]: {
+      padding: `0 ${w(n)}`,
+      background: a,
+      "&-title": {
+        fontSize: e.fontSize
+      }
+    },
+    [`${t}-body`]: {
+      padding: `${w(e.padding)} ${w(r)}`
+    }
+  };
+}, go = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    overflow: "hidden",
+    [`${t}-body`]: {
+      userSelect: "none"
+    }
+  };
+}, po = (e) => {
+  const {
+    componentCls: t,
+    cardShadow: a,
+    cardHeadPadding: n,
+    colorBorderSecondary: r,
+    boxShadowTertiary: o,
+    bodyPadding: l,
+    extraColor: s
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({}, Dn(e)), {
+      position: "relative",
+      background: e.colorBgContainer,
+      borderRadius: e.borderRadiusLG,
+      [`&:not(${t}-bordered)`]: {
+        boxShadow: o
+      },
+      [`${t}-head`]: co(e),
+      [`${t}-extra`]: {
+        // https://stackoverflow.com/a/22429853/3040605
+        marginInlineStart: "auto",
+        color: s,
+        fontWeight: "normal",
+        fontSize: e.fontSize
+      },
+      [`${t}-body`]: Object.assign({
+        padding: l,
+        borderRadius: `0 0 ${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)}`
+      }, tn()),
+      [`${t}-grid`]: uo(e),
+      [`${t}-cover`]: {
+        "> *": {
+          display: "block",
+          width: "100%",
+          borderRadius: `${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)} 0 0`
+        }
+      },
+      [`${t}-actions`]: fo(e),
+      [`${t}-meta`]: vo(e)
+    }),
+    [`${t}-bordered`]: {
+      border: `${w(e.lineWidth)} ${e.lineType} ${r}`,
+      [`${t}-cover`]: {
+        marginTop: -1,
+        marginInlineStart: -1,
+        marginInlineEnd: -1
+      }
+    },
+    [`${t}-hoverable`]: {
+      cursor: "pointer",
+      transition: `box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,
+      "&:hover": {
+        borderColor: "transparent",
+        boxShadow: a
+      }
+    },
+    [`${t}-contain-grid`]: {
+      borderRadius: `${w(e.borderRadiusLG)} ${w(e.borderRadiusLG)} 0 0 `,
+      [`${t}-body`]: {
+        display: "flex",
+        flexWrap: "wrap"
+      },
+      [`&:not(${t}-loading) ${t}-body`]: {
+        marginBlockStart: e.calc(e.lineWidth).mul(-1).equal(),
+        marginInlineStart: e.calc(e.lineWidth).mul(-1).equal(),
+        padding: 0
+      }
+    },
+    [`${t}-contain-tabs`]: {
+      [`> div${t}-head`]: {
+        minHeight: 0,
+        [`${t}-head-title, ${t}-extra`]: {
+          paddingTop: n
+        }
+      }
+    },
+    [`${t}-type-inner`]: mo(e),
+    [`${t}-loading`]: go(e),
+    [`${t}-rtl`]: {
+      direction: "rtl"
+    }
+  };
+}, bo = (e) => {
+  const {
+    componentCls: t,
+    bodyPaddingSM: a,
+    headerPaddingSM: n,
+    headerHeightSM: r,
+    headerFontSizeSM: o
+  } = e;
+  return {
+    [`${t}-small`]: {
+      [`> ${t}-head`]: {
+        minHeight: r,
+        padding: `0 ${w(n)}`,
+        fontSize: o,
+        [`> ${t}-head-wrapper`]: {
+          [`> ${t}-extra`]: {
+            fontSize: e.fontSize
+          }
+        }
+      },
+      [`> ${t}-body`]: {
+        padding: a
+      }
+    },
+    [`${t}-small${t}-contain-tabs`]: {
+      [`> ${t}-head`]: {
+        [`${t}-head-title, ${t}-extra`]: {
+          paddingTop: 0,
+          display: "flex",
+          alignItems: "center"
+        }
+      }
+    }
+  };
+}, ho = (e) => {
+  var t, a;
+  return {
+    headerBg: "transparent",
+    headerFontSize: e.fontSizeLG,
+    headerFontSizeSM: e.fontSize,
+    headerHeight: e.fontSizeLG * e.lineHeightLG + e.padding * 2,
+    headerHeightSM: e.fontSize * e.lineHeight + e.paddingXS * 2,
+    actionsBg: e.colorBgContainer,
+    actionsLiMargin: `${e.paddingSM}px 0`,
+    tabsMarginBottom: -e.padding - e.lineWidth,
+    extraColor: e.colorText,
+    bodyPaddingSM: 12,
+    // Fixed padding.
+    headerPaddingSM: 12,
+    bodyPadding: (t = e.bodyPadding) !== null && t !== void 0 ? t : e.paddingLG,
+    headerPadding: (a = e.headerPadding) !== null && a !== void 0 ? a : e.paddingLG
+  };
+}, yo = On("Card", (e) => {
+  const t = Tn(e, {
+    cardShadow: e.boxShadowCard,
+    cardHeadPadding: e.padding,
+    cardPaddingBase: e.paddingLG,
+    cardActionsIconSize: e.fontSize
+  });
+  return [
+    // Style
+    po(t),
+    // Size
+    bo(t)
+  ];
+}, ho);
+var da = function(e, t) {
+  var a = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (a[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]) && (a[n[r]] = e[n[r]]);
+  return a;
+};
+const Co = (e) => {
+  const {
+    actionClasses: t,
+    actions: a = [],
+    actionStyle: n
+  } = e;
+  return /* @__PURE__ */ i.createElement("ul", {
+    className: t,
+    style: n
+  }, a.map((r, o) => {
+    const l = `action-${o}`;
+    return /* @__PURE__ */ i.createElement("li", {
+      style: {
+        width: `${100 / a.length}%`
+      },
+      key: l
+    }, /* @__PURE__ */ i.createElement("span", null, r));
+  }));
+}, $o = /* @__PURE__ */ i.forwardRef((e, t) => {
+  const {
+    prefixCls: a,
+    className: n,
+    rootClassName: r,
+    style: o,
+    extra: l,
+    headStyle: s = {},
+    bodyStyle: c = {},
+    title: u,
+    loading: v,
+    bordered: d = !0,
+    size: f,
+    type: h,
+    cover: S,
+    actions: g,
+    tabList: x,
+    children: p,
+    activeTabKey: C,
+    defaultActiveTabKey: b,
+    tabBarExtraContent: _,
+    hoverable: R,
+    tabProps: P = {},
+    classNames: M,
+    styles: O
+  } = e, E = da(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
+    getPrefixCls: T,
+    direction: y,
+    card: $
+  } = i.useContext(Ve);
+  if (process.env.NODE_ENV !== "production") {
+    const oe = Ln("Card");
+    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"]].forEach((Z) => {
+      let [ye, Ie] = Z;
+      oe.deprecated(!(ye in e), ye, Ie);
+    });
+  }
+  const N = (oe) => {
+    var Z;
+    (Z = e.onTabChange) === null || Z === void 0 || Z.call(e, oe);
+  }, I = (oe) => {
+    var Z;
+    return D((Z = $ == null ? void 0 : $.classNames) === null || Z === void 0 ? void 0 : Z[oe], M == null ? void 0 : M[oe]);
+  }, j = (oe) => {
+    var Z;
+    return Object.assign(Object.assign({}, (Z = $ == null ? void 0 : $.styles) === null || Z === void 0 ? void 0 : Z[oe]), O == null ? void 0 : O[oe]);
+  }, G = i.useMemo(() => {
+    let oe = !1;
+    return i.Children.forEach(p, (Z) => {
+      (Z == null ? void 0 : Z.type) === Ga && (oe = !0);
+    }), oe;
+  }, [p]), m = T("card", a), [W, J, F] = yo(m), ee = /* @__PURE__ */ i.createElement(ot, {
+    loading: !0,
+    active: !0,
+    paragraph: {
+      rows: 4
+    },
+    title: !1
+  }, p), se = C !== void 0, A = Object.assign(Object.assign({}, P), {
+    [se ? "activeKey" : "defaultActiveKey"]: se ? C : b,
+    tabBarExtraContent: _
+  });
+  let K;
+  const k = $a(f), V = !k || k === "default" ? "large" : k, U = x ? /* @__PURE__ */ i.createElement(Wn, Object.assign({
+    size: V
+  }, A, {
+    className: `${m}-head-tabs`,
+    onChange: N,
+    items: x.map((oe) => {
+      var {
+        tab: Z
+      } = oe, ye = da(oe, ["tab"]);
+      return Object.assign({
+        label: Z
+      }, ye);
+    })
+  })) : null;
+  if (u || l || U) {
+    const oe = D(`${m}-head`, I("header")), Z = D(`${m}-head-title`, I("title")), ye = D(`${m}-extra`, I("extra")), Ie = Object.assign(Object.assign({}, s), j("header"));
+    K = /* @__PURE__ */ i.createElement("div", {
+      className: oe,
+      style: Ie
+    }, /* @__PURE__ */ i.createElement("div", {
+      className: `${m}-head-wrapper`
+    }, u && /* @__PURE__ */ i.createElement("div", {
+      className: Z,
+      style: j("title")
+    }, u), l && /* @__PURE__ */ i.createElement("div", {
+      className: ye,
+      style: j("extra")
+    }, l)), U);
+  }
+  const q = D(`${m}-cover`, I("cover")), te = S ? /* @__PURE__ */ i.createElement("div", {
+    className: q,
+    style: j("cover")
+  }, S) : null, ie = D(`${m}-body`, I("body")), de = Object.assign(Object.assign({}, c), j("body")), fe = /* @__PURE__ */ i.createElement("div", {
+    className: ie,
+    style: de
+  }, v ? ee : p), Pe = D(`${m}-actions`, I("actions")), H = g != null && g.length ? /* @__PURE__ */ i.createElement(Co, {
+    actionClasses: Pe,
+    actionStyle: j("actions"),
+    actions: g
+  }) : null, me = it(E, ["onTabChange"]), De = D(m, $ == null ? void 0 : $.className, {
+    [`${m}-loading`]: v,
+    [`${m}-bordered`]: d,
+    [`${m}-hoverable`]: R,
+    [`${m}-contain-grid`]: G,
+    [`${m}-contain-tabs`]: x == null ? void 0 : x.length,
+    [`${m}-${k}`]: k,
+    [`${m}-type-${h}`]: !!h,
+    [`${m}-rtl`]: y === "rtl"
+  }, n, r, J, F), Xe = Object.assign(Object.assign({}, $ == null ? void 0 : $.style), o);
+  return W(/* @__PURE__ */ i.createElement("div", Object.assign({
+    ref: t
+  }, me, {
+    className: De,
+    style: Xe
+  }), K, te, fe, H));
+});
+var So = function(e, t) {
+  var a = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (a[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]) && (a[n[r]] = e[n[r]]);
+  return a;
+};
+const xo = (e) => {
+  const {
+    prefixCls: t,
+    className: a,
+    avatar: n,
+    title: r,
+    description: o
+  } = e, l = So(e, ["prefixCls", "className", "avatar", "title", "description"]), {
+    getPrefixCls: s
+  } = i.useContext(Ve), c = s("card", t), u = D(`${c}-meta`, a), v = n ? /* @__PURE__ */ i.createElement("div", {
+    className: `${c}-meta-avatar`
+  }, n) : null, d = r ? /* @__PURE__ */ i.createElement("div", {
+    className: `${c}-meta-title`
+  }, r) : null, f = o ? /* @__PURE__ */ i.createElement("div", {
+    className: `${c}-meta-description`
+  }, o) : null, h = d || f ? /* @__PURE__ */ i.createElement("div", {
+    className: `${c}-meta-detail`
+  }, d, f) : null;
+  return /* @__PURE__ */ i.createElement("div", Object.assign({}, l, {
+    className: u
+  }), v, h);
+}, cn = $o;
+cn.Grid = Ga;
+cn.Meta = xo;
+process.env.NODE_ENV !== "production" && (cn.displayName = "Card");
+const Ao = fa(cn)`
+  .ant-card-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+    color: green;
+    padding: 14px;
+    background-color: white;
+  }
+
+  &:hover {
+    .ant-card-body {
+      color: red;
+    }
+  }
+`, ko = fa(Ja.Title)`
+  &.ant-typography {
+    color: green !important;
+    margin-bottom: 14px;
+    font-size: 16px;
+    font-weight: 700;
+  }
+`;
+export {
+  Ao as Card,
+  ko as Headline
+};