@gobolt/genesis 0.0.10 → 0.0.11

package/dist/genesis/styles.js

@@ -1,2923 +1,7 @@
-import { d as Yt } from "../styled-components.browser.esm-CZ1XM4o4.js";
-import { T as wa } from "../index-C0SmxWLS.js";
-import * as l from "react";
-import Ea, { createContext as Pa, useState as U, useRef as ee, useEffect as be, useMemo as Qt } from "react";
-import { a as he, c as E, f as B, _ as le, d as ft, h as te, e as ke, w as Oa } from "../warning-C63HNL9U.js";
-import { o as Ve, u as Bt, t as Na } from "../isVisible-A-IfeFoT.js";
-import { g as gt, m as mt, q as u, C as ve, x as ct, w as Dt, c as Ta, b as Ra, j as Ia, B as za, v as bt, p as Zt, o as vt, Y as pt, I as dt, F as Ke } from "../index-oK7z6jnz.js";
-import { a as Jt } from "../Compact-CGY560JF.js";
-import { K as Ma, b as La, g as ja } from "../index-CfDY25LP.js";
-import { R as Ba } from "../CloseOutlined-ClXDNn82.js";
-import { E as Da, M as Aa, b as Ha, R as Ga } from "../index-C8haFnXI.js";
-import { I as Wa } from "../AntdIcon-BoLh1dP8.js";
-import { R as rt } from "../index-bKlRxQp4.js";
-import { K as Ce } from "../KeyCode-DM2sFh3-.js";
-import { u as ka } from "../context-BMW3aJEf.js";
-import { i as At } from "../Overflow-PBZD-PFm.js";
-var Va = { 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" }, Ka = function(t, a) {
-  return /* @__PURE__ */ l.createElement(Wa, he({}, t, {
-    ref: a,
-    icon: Va
-  }));
-}, ea = /* @__PURE__ */ l.forwardRef(Ka);
-process.env.NODE_ENV !== "production" && (ea.displayName = "PlusOutlined");
-const qe = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    style: n,
-    size: r,
-    shape: o
-  } = e, s = E({
-    [`${t}-lg`]: r === "large",
-    [`${t}-sm`]: r === "small"
-  }), i = E({
-    [`${t}-circle`]: o === "circle",
-    [`${t}-square`]: o === "square",
-    [`${t}-round`]: o === "round"
-  }), c = l.useMemo(() => typeof r == "number" ? {
-    width: r,
-    height: r,
-    lineHeight: `${r}px`
-  } : {}, [r]);
-  return /* @__PURE__ */ l.createElement("span", {
-    className: E(t, s, i, a),
-    style: Object.assign(Object.assign({}, c), n)
-  });
-}, qa = new Ma("ant-skeleton-loading", {
-  "0%": {
-    backgroundPosition: "100% 50%"
-  },
-  "100%": {
-    backgroundPosition: "0 50%"
-  }
-}), Fe = (e) => ({
-  height: e,
-  lineHeight: u(e)
-}), Ie = (e) => Object.assign({
-  width: e
-}, Fe(e)), Fa = (e) => ({
-  background: e.skeletonLoadingBackground,
-  backgroundSize: "400% 100%",
-  animationName: qa,
-  animationDuration: e.skeletonLoadingMotionDuration,
-  animationTimingFunction: "ease",
-  animationIterationCount: "infinite"
-}), it = (e, t) => Object.assign({
-  width: t(e).mul(5).equal(),
-  minWidth: t(e).mul(5).equal()
-}, Fe(e)), Xa = (e) => {
-  const {
-    skeletonAvatarCls: t,
-    gradientFromColor: a,
-    controlHeight: n,
-    controlHeightLG: r,
-    controlHeightSM: o
-  } = e;
-  return {
-    [t]: Object.assign({
-      display: "inline-block",
-      verticalAlign: "top",
-      background: a
-    }, Ie(n)),
-    [`${t}${t}-circle`]: {
-      borderRadius: "50%"
-    },
-    [`${t}${t}-lg`]: Object.assign({}, Ie(r)),
-    [`${t}${t}-sm`]: Object.assign({}, Ie(o))
-  };
-}, Ua = (e) => {
-  const {
-    controlHeight: t,
-    borderRadiusSM: a,
-    skeletonInputCls: n,
-    controlHeightLG: r,
-    controlHeightSM: o,
-    gradientFromColor: s,
-    calc: i
-  } = e;
-  return {
-    [n]: Object.assign({
-      display: "inline-block",
-      verticalAlign: "top",
-      background: s,
-      borderRadius: a
-    }, it(t, i)),
-    [`${n}-lg`]: Object.assign({}, it(r, i)),
-    [`${n}-sm`]: Object.assign({}, it(o, i))
-  };
-}, Ht = (e) => Object.assign({
-  width: e
-}, Fe(e)), Ya = (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
-    }, Ht(o(a).mul(2).equal())), {
-      [`${t}-path`]: {
-        fill: "#bfbfbf"
-      },
-      [`${t}-svg`]: Object.assign(Object.assign({}, Ht(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%"
-    }
-  };
-}, ot = (e, t, a) => {
-  const {
-    skeletonButtonCls: n
-  } = e;
-  return {
-    [`${a}${n}-circle`]: {
-      width: t,
-      minWidth: t,
-      borderRadius: "50%"
-    },
-    [`${a}${n}-round`]: {
-      borderRadius: t
-    }
-  };
-}, lt = (e, t) => Object.assign({
-  width: t(e).mul(2).equal(),
-  minWidth: t(e).mul(2).equal()
-}, Fe(e)), Qa = (e) => {
-  const {
-    borderRadiusSM: t,
-    skeletonButtonCls: a,
-    controlHeight: n,
-    controlHeightLG: r,
-    controlHeightSM: o,
-    gradientFromColor: s,
-    calc: i
-  } = e;
-  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
-    [a]: Object.assign({
-      display: "inline-block",
-      verticalAlign: "top",
-      background: s,
-      borderRadius: t,
-      width: i(n).mul(2).equal(),
-      minWidth: i(n).mul(2).equal()
-    }, lt(n, i))
-  }, ot(e, n, a)), {
-    [`${a}-lg`]: Object.assign({}, lt(r, i))
-  }), ot(e, r, `${a}-lg`)), {
-    [`${a}-sm`]: Object.assign({}, lt(o, i))
-  }), ot(e, o, `${a}-sm`));
-}, Za = (e) => {
-  const {
-    componentCls: t,
-    skeletonAvatarCls: a,
-    skeletonTitleCls: n,
-    skeletonParagraphCls: r,
-    skeletonButtonCls: o,
-    skeletonInputCls: s,
-    skeletonImageCls: i,
-    controlHeight: c,
-    controlHeightLG: d,
-    controlHeightSM: m,
-    gradientFromColor: g,
-    padding: v,
-    marginSM: C,
-    borderRadius: N,
-    titleHeight: p,
-    blockRadius: O,
-    paragraphLiHeight: y,
-    controlHeightXS: S,
-    paragraphMarginTop: P
-  } = e;
-  return {
-    [t]: {
-      display: "table",
-      width: "100%",
-      [`${t}-header`]: {
-        display: "table-cell",
-        paddingInlineEnd: v,
-        verticalAlign: "top",
-        // Avatar
-        [a]: Object.assign({
-          display: "inline-block",
-          verticalAlign: "top",
-          background: g
-        }, Ie(c)),
-        [`${a}-circle`]: {
-          borderRadius: "50%"
-        },
-        [`${a}-lg`]: Object.assign({}, Ie(d)),
-        [`${a}-sm`]: Object.assign({}, Ie(m))
-      },
-      [`${t}-content`]: {
-        display: "table-cell",
-        width: "100%",
-        verticalAlign: "top",
-        // Title
-        [n]: {
-          width: "100%",
-          height: p,
-          background: g,
-          borderRadius: O,
-          [`+ ${r}`]: {
-            marginBlockStart: m
-          }
-        },
-        // paragraph
-        [r]: {
-          padding: 0,
-          "> li": {
-            width: "100%",
-            height: y,
-            listStyle: "none",
-            background: g,
-            borderRadius: O,
-            "+ li": {
-              marginBlockStart: S
-            }
-          }
-        },
-        [`${r}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
-          width: "61%"
-        }
-      },
-      [`&-round ${t}-content`]: {
-        [`${n}, ${r} > li`]: {
-          borderRadius: N
-        }
-      }
-    },
-    [`${t}-with-avatar ${t}-content`]: {
-      // Title
-      [n]: {
-        marginBlockStart: C,
-        [`+ ${r}`]: {
-          marginBlockStart: P
-        }
-      }
-    },
-    // Skeleton element
-    [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
-      display: "inline-block",
-      width: "auto"
-    }, Qa(e)), Xa(e)), Ua(e)), Ya(e)),
-    // Skeleton Block Button, Input
-    [`${t}${t}-block`]: {
-      width: "100%",
-      [o]: {
-        width: "100%"
-      },
-      [s]: {
-        width: "100%"
-      }
-    },
-    // With active animation
-    [`${t}${t}-active`]: {
-      [`
-        ${n},
-        ${r} > li,
-        ${a},
-        ${o},
-        ${s},
-        ${i}
-      `]: Object.assign({}, Fa(e))
-    }
-  };
-}, Ja = (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
-  };
-}, ze = gt("Skeleton", (e) => {
-  const {
-    componentCls: t,
-    calc: a
-  } = e, n = mt(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 [Za(n)];
-}, Ja, {
-  deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
-}), en = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    rootClassName: n,
-    active: r,
-    shape: o = "circle",
-    size: s = "default"
-  } = e, {
-    getPrefixCls: i
-  } = l.useContext(ve), c = i("skeleton", t), [d, m, g] = ze(c), v = Ve(e, ["prefixCls", "className"]), C = E(c, `${c}-element`, {
-    [`${c}-active`]: r
-  }, a, n, m, g);
-  return d(/* @__PURE__ */ l.createElement("div", {
-    className: C
-  }, /* @__PURE__ */ l.createElement(qe, Object.assign({
-    prefixCls: `${c}-avatar`,
-    shape: o,
-    size: s
-  }, v))));
-}, tn = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    rootClassName: n,
-    active: r,
-    block: o = !1,
-    size: s = "default"
-  } = e, {
-    getPrefixCls: i
-  } = l.useContext(ve), c = i("skeleton", t), [d, m, g] = ze(c), v = Ve(e, ["prefixCls"]), C = E(c, `${c}-element`, {
-    [`${c}-active`]: r,
-    [`${c}-block`]: o
-  }, a, n, m, g);
-  return d(/* @__PURE__ */ l.createElement("div", {
-    className: C
-  }, /* @__PURE__ */ l.createElement(qe, Object.assign({
-    prefixCls: `${c}-button`,
-    size: s
-  }, v))));
-}, an = "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", nn = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    rootClassName: n,
-    style: r,
-    active: o
-  } = e, {
-    getPrefixCls: s
-  } = l.useContext(ve), i = s("skeleton", t), [c, d, m] = ze(i), g = E(i, `${i}-element`, {
-    [`${i}-active`]: o
-  }, a, n, d, m);
-  return c(/* @__PURE__ */ l.createElement("div", {
-    className: g
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: E(`${i}-image`, a),
-    style: r
-  }, /* @__PURE__ */ l.createElement("svg", {
-    viewBox: "0 0 1098 1024",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: `${i}-image-svg`
-  }, /* @__PURE__ */ l.createElement("title", null, "Image placeholder"), /* @__PURE__ */ l.createElement("path", {
-    d: an,
-    className: `${i}-image-path`
-  })))));
-}, rn = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    rootClassName: n,
-    active: r,
-    block: o,
-    size: s = "default"
-  } = e, {
-    getPrefixCls: i
-  } = l.useContext(ve), c = i("skeleton", t), [d, m, g] = ze(c), v = Ve(e, ["prefixCls"]), C = E(c, `${c}-element`, {
-    [`${c}-active`]: r,
-    [`${c}-block`]: o
-  }, a, n, m, g);
-  return d(/* @__PURE__ */ l.createElement("div", {
-    className: C
-  }, /* @__PURE__ */ l.createElement(qe, Object.assign({
-    prefixCls: `${c}-input`,
-    size: s
-  }, v))));
-}, on = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    rootClassName: n,
-    style: r,
-    active: o,
-    children: s
-  } = e, {
-    getPrefixCls: i
-  } = l.useContext(ve), c = i("skeleton", t), [d, m, g] = ze(c), v = E(c, `${c}-element`, {
-    [`${c}-active`]: o
-  }, m, a, n, g);
-  return d(/* @__PURE__ */ l.createElement("div", {
-    className: v
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: E(`${c}-image`, a),
-    style: r
-  }, s)));
-}, ln = (e, t) => {
-  const {
-    width: a,
-    rows: n = 2
-  } = t;
-  if (Array.isArray(a))
-    return a[e];
-  if (n - 1 === e)
-    return a;
-}, sn = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    style: n,
-    rows: r
-  } = e, o = ct(new Array(r)).map((s, i) => (
-    // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ l.createElement("li", {
-      key: i,
-      style: {
-        width: ln(i, e)
-      }
-    })
-  ));
-  return /* @__PURE__ */ l.createElement("ul", {
-    className: E(t, a),
-    style: n
-  }, o);
-}, cn = (e) => {
-  let {
-    prefixCls: t,
-    className: a,
-    width: n,
-    style: r
-  } = e;
-  return (
-    // biome-ignore lint/a11y/useHeadingContent: HOC here
-    /* @__PURE__ */ l.createElement("h3", {
-      className: E(t, a),
-      style: Object.assign({
-        width: n
-      }, r)
-    })
-  );
-};
-function st(e) {
-  return e && typeof e == "object" ? e : {};
-}
-function dn(e, t) {
-  return e && !t ? {
-    size: "large",
-    shape: "square"
-  } : {
-    size: "large",
-    shape: "circle"
-  };
-}
-function un(e, t) {
-  return !e && t ? {
-    width: "38%"
-  } : e && t ? {
-    width: "50%"
-  } : {};
-}
-function fn(e, t) {
-  const a = {};
-  return (!e || !t) && (a.width = "61%"), !e && t ? a.rows = 3 : a.rows = 2, a;
-}
-const Ee = (e) => {
-  const {
-    prefixCls: t,
-    loading: a,
-    className: n,
-    rootClassName: r,
-    style: o,
-    children: s,
-    avatar: i = !1,
-    title: c = !0,
-    paragraph: d = !0,
-    active: m,
-    round: g
-  } = e, {
-    getPrefixCls: v,
-    direction: C,
-    skeleton: N
-  } = l.useContext(ve), p = v("skeleton", t), [O, y, S] = ze(p);
-  if (a || !("loading" in e)) {
-    const P = !!i, z = !!c, j = !!d;
-    let G;
-    if (P) {
-      const w = Object.assign(Object.assign({
-        prefixCls: `${p}-avatar`
-      }, dn(z, j)), st(i));
-      G = /* @__PURE__ */ l.createElement("div", {
-        className: `${p}-header`
-      }, /* @__PURE__ */ l.createElement(qe, Object.assign({}, w)));
-    }
-    let D;
-    if (z || j) {
-      let w;
-      if (z) {
-        const b = Object.assign(Object.assign({
-          prefixCls: `${p}-title`
-        }, un(P, j)), st(c));
-        w = /* @__PURE__ */ l.createElement(cn, Object.assign({}, b));
-      }
-      let T;
-      if (j) {
-        const b = Object.assign(Object.assign({
-          prefixCls: `${p}-paragraph`
-        }, fn(P, z)), st(d));
-        T = /* @__PURE__ */ l.createElement(sn, Object.assign({}, b));
-      }
-      D = /* @__PURE__ */ l.createElement("div", {
-        className: `${p}-content`
-      }, w, T);
-    }
-    const I = E(p, {
-      [`${p}-with-avatar`]: P,
-      [`${p}-active`]: m,
-      [`${p}-rtl`]: C === "rtl",
-      [`${p}-round`]: g
-    }, N == null ? void 0 : N.className, n, r, y, S);
-    return O(/* @__PURE__ */ l.createElement("div", {
-      className: I,
-      style: Object.assign(Object.assign({}, N == null ? void 0 : N.style), o)
-    }, G, D));
-  }
-  return s ?? null;
-};
-Ee.Button = tn;
-Ee.Avatar = en;
-Ee.Input = rn;
-Ee.Image = nn;
-Ee.Node = on;
-process.env.NODE_ENV !== "production" && (Ee.displayName = "Skeleton");
-const Xe = /* @__PURE__ */ Pa(null);
-var gn = function(t) {
-  var a = t.activeTabOffset, n = t.horizontal, r = t.rtl, o = t.indicator, s = o === void 0 ? {} : o, i = s.size, c = s.align, d = c === void 0 ? "center" : c, m = U(), g = B(m, 2), v = g[0], C = g[1], N = ee(), p = Ea.useCallback(function(y) {
-    return typeof i == "function" ? i(y) : typeof i == "number" ? i : y;
-  }, [i]);
-  function O() {
-    Dt.cancel(N.current);
-  }
-  return be(function() {
-    var y = {};
-    if (a)
-      if (n) {
-        y.width = p(a.width);
-        var S = r ? "right" : "left";
-        d === "start" && (y[S] = a[S]), d === "center" && (y[S] = a[S] + a.width / 2, y.transform = r ? "translateX(50%)" : "translateX(-50%)"), d === "end" && (y[S] = a[S] + a.width, y.transform = "translateX(-100%)");
-      } else
-        y.height = p(a.height), d === "start" && (y.top = a.top), d === "center" && (y.top = a.top + a.height / 2, y.transform = "translateY(-50%)"), d === "end" && (y.top = a.top + a.height, y.transform = "translateY(-100%)");
-    return O(), N.current = Dt(function() {
-      C(y);
-    }), O;
-  }, [a, n, r, d, p]), {
-    style: v
-  };
-}, Gt = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0
-};
-function mn(e, t, a) {
-  return Qt(function() {
-    for (var n, r = /* @__PURE__ */ new Map(), o = t.get((n = e[0]) === null || n === void 0 ? void 0 : n.key) || Gt, s = o.left + o.width, i = 0; i < e.length; i += 1) {
-      var c = e[i].key, d = t.get(c);
-      if (!d) {
-        var m;
-        d = t.get((m = e[i - 1]) === null || m === void 0 ? void 0 : m.key) || Gt;
-      }
-      var g = r.get(c) || le({}, d);
-      g.right = s - g.left - g.width, r.set(c, g);
-    }
-    return r;
-  }, [e.map(function(n) {
-    return n.key;
-  }).join("_"), t, a]);
-}
-function Wt(e, t) {
-  var a = l.useRef(e), n = l.useState({}), r = B(n, 2), o = r[1];
-  function s(i) {
-    var c = typeof i == "function" ? i(a.current) : i;
-    c !== a.current && t(c, a.current), a.current = c, o({});
-  }
-  return [a.current, s];
-}
-var bn = 0.1, kt = 0.01, We = 20, Vt = Math.pow(0.995, We);
-function vn(e, t) {
-  var a = U(), n = B(a, 2), r = n[0], o = n[1], s = U(0), i = B(s, 2), c = i[0], d = i[1], m = U(0), g = B(m, 2), v = g[0], C = g[1], N = U(), p = B(N, 2), O = p[0], y = p[1], S = ee();
-  function P(w) {
-    var T = w.touches[0], b = T.screenX, h = T.screenY;
-    o({
-      x: b,
-      y: h
-    }), window.clearInterval(S.current);
-  }
-  function z(w) {
-    if (r) {
-      var T = w.touches[0], b = T.screenX, h = T.screenY;
-      o({
-        x: b,
-        y: h
-      });
-      var _ = b - r.x, x = h - r.y;
-      t(_, x);
-      var W = Date.now();
-      d(W), C(W - c), y({
-        x: _,
-        y: x
-      });
-    }
-  }
-  function j() {
-    if (r && (o(null), y(null), O)) {
-      var w = O.x / v, T = O.y / v, b = Math.abs(w), h = Math.abs(T);
-      if (Math.max(b, h) < bn) return;
-      var _ = w, x = T;
-      S.current = window.setInterval(function() {
-        if (Math.abs(_) < kt && Math.abs(x) < kt) {
-          window.clearInterval(S.current);
-          return;
-        }
-        _ *= Vt, x *= Vt, t(_ * We, x * We);
-      }, We);
-    }
-  }
-  var G = ee();
-  function D(w) {
-    var T = w.deltaX, b = w.deltaY, h = 0, _ = Math.abs(T), x = Math.abs(b);
-    _ === x ? h = G.current === "x" ? T : b : _ > x ? (h = T, G.current = "x") : (h = b, G.current = "y"), t(-h, -h) && w.preventDefault();
-  }
-  var I = ee(null);
-  I.current = {
-    onTouchStart: P,
-    onTouchMove: z,
-    onTouchEnd: j,
-    onWheel: D
-  }, l.useEffect(function() {
-    function w(_) {
-      I.current.onTouchStart(_);
-    }
-    function T(_) {
-      I.current.onTouchMove(_);
-    }
-    function b(_) {
-      I.current.onTouchEnd(_);
-    }
-    function h(_) {
-      I.current.onWheel(_);
-    }
-    return document.addEventListener("touchmove", T, {
-      passive: !1
-    }), document.addEventListener("touchend", b, {
-      passive: !0
-    }), e.current.addEventListener("touchstart", w, {
-      passive: !0
-    }), e.current.addEventListener("wheel", h, {
-      passive: !1
-    }), function() {
-      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", b);
-    };
-  }, []);
-}
-function ta(e) {
-  var t = U(0), a = B(t, 2), n = a[0], r = a[1], o = ee(0), s = ee();
-  return s.current = e, Ta(function() {
-    var i;
-    (i = s.current) === null || i === void 0 || i.call(s);
-  }, [n]), function() {
-    o.current === n && (o.current += 1, r(o.current));
-  };
-}
-function pn(e) {
-  var t = ee([]), a = U({}), n = B(a, 2), r = n[1], o = ee(typeof e == "function" ? e() : e), s = ta(function() {
-    var c = o.current;
-    t.current.forEach(function(d) {
-      c = d(c);
-    }), t.current = [], o.current = c, r({});
-  });
-  function i(c) {
-    t.current.push(c), s();
-  }
-  return [o.current, i];
-}
-var Kt = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0,
-  right: 0
-};
-function hn(e, t, a, n, r, o, s) {
-  var i = s.tabs, c = s.tabPosition, d = s.rtl, m, g, v;
-  return ["top", "bottom"].includes(c) ? (m = "width", g = d ? "right" : "left", v = Math.abs(a)) : (m = "height", g = "top", v = -a), Qt(function() {
-    if (!i.length)
-      return [0, 0];
-    for (var C = i.length, N = C, p = 0; p < C; p += 1) {
-      var O = e.get(i[p].key) || Kt;
-      if (Math.floor(O[g] + O[m]) > Math.floor(v + t)) {
-        N = p - 1;
-        break;
-      }
-    }
-    for (var y = 0, S = C - 1; S >= 0; S -= 1) {
-      var P = e.get(i[S].key) || Kt;
-      if (P[g] < v) {
-        y = S + 1;
-        break;
-      }
-    }
-    return y >= N ? [0, 0] : [y, N];
-  }, [e, t, n, r, o, v, c, i.map(function(C) {
-    return C.key;
-  }).join("_"), d]);
-}
-function qt(e) {
-  var t;
-  return e instanceof Map ? (t = {}, e.forEach(function(a, n) {
-    t[n] = a;
-  })) : t = e, JSON.stringify(t);
-}
-var $n = "TABS_DQ";
-function aa(e) {
-  return String(e).replace(/"/g, $n);
-}
-function ht(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 na = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var a = e.prefixCls, n = e.editable, r = e.locale, o = e.style;
-  return !n || n.showAdd === !1 ? null : /* @__PURE__ */ l.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(i) {
-      n.onEdit("add", {
-        event: i
-      });
-    }
-  }, n.addIcon || "+");
-}), ut = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var a = e.position, n = e.prefixCls, r = e.extra;
-  if (!r)
-    return null;
-  var o, s = {};
-  return ft(r) === "object" && !/* @__PURE__ */ l.isValidElement(r) ? s = r : s.right = r, a === "right" && (o = s.right), a === "left" && (o = s.left), o ? /* @__PURE__ */ l.createElement("div", {
-    className: "".concat(n, "-extra-content"),
-    ref: t
-  }, o) : null;
-});
-process.env.NODE_ENV !== "production" && (ut.displayName = "ExtraContent");
-var yn = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var a = e.prefixCls, n = e.id, r = e.tabs, o = e.locale, s = e.mobile, i = e.more, c = i === void 0 ? {} : i, d = e.style, m = e.className, g = e.editable, v = e.tabBarGutter, C = e.rtl, N = e.removeAriaLabel, p = e.onTabClick, O = e.getPopupContainer, y = e.popupClassName, S = U(!1), P = B(S, 2), z = P[0], j = P[1], G = U(null), D = B(G, 2), I = D[0], w = D[1], T = c.icon, b = T === void 0 ? "More" : T, h = "".concat(n, "-more-popup"), _ = "".concat(a, "-dropdown"), x = I !== null ? "".concat(h, "-").concat(I) : null, W = o == null ? void 0 : o.dropdownAriaLabel;
-  function X(R, H) {
-    R.preventDefault(), R.stopPropagation(), g.onEdit("remove", {
-      key: H,
-      event: R
-    });
-  }
-  var f = /* @__PURE__ */ l.createElement(Da, {
-    onClick: function(H) {
-      var k = H.key, Q = H.domEvent;
-      p(k, Q), j(!1);
-    },
-    prefixCls: "".concat(_, "-menu"),
-    id: h,
-    tabIndex: -1,
-    role: "listbox",
-    "aria-activedescendant": x,
-    selectedKeys: [I],
-    "aria-label": W !== void 0 ? W : "expanded dropdown"
-  }, r.map(function(R) {
-    var H = R.closable, k = R.disabled, Q = R.closeIcon, Z = R.key, ne = R.label, ae = ht(H, Q, g, k);
-    return /* @__PURE__ */ l.createElement(Aa, {
-      key: Z,
-      id: "".concat(h, "-").concat(Z),
-      role: "option",
-      "aria-controls": n && "".concat(n, "-panel-").concat(Z),
-      disabled: k
-    }, /* @__PURE__ */ l.createElement("span", null, ne), ae && /* @__PURE__ */ l.createElement("button", {
-      type: "button",
-      "aria-label": N || "remove",
-      tabIndex: 0,
-      className: "".concat(_, "-menu-item-remove"),
-      onClick: function(ge) {
-        ge.stopPropagation(), X(ge, Z);
-      }
-    }, Q || g.removeIcon || "×"));
-  }));
-  function Y(R) {
-    for (var H = r.filter(function(ae) {
-      return !ae.disabled;
-    }), k = H.findIndex(function(ae) {
-      return ae.key === I;
-    }) || 0, Q = H.length, Z = 0; Z < Q; Z += 1) {
-      k = (k + R + Q) % Q;
-      var ne = H[k];
-      if (!ne.disabled) {
-        w(ne.key);
-        return;
-      }
-    }
-  }
-  function se(R) {
-    var H = R.which;
-    if (!z) {
-      [Ce.DOWN, Ce.SPACE, Ce.ENTER].includes(H) && (j(!0), R.preventDefault());
-      return;
-    }
-    switch (H) {
-      case Ce.UP:
-        Y(-1), R.preventDefault();
-        break;
-      case Ce.DOWN:
-        Y(1), R.preventDefault();
-        break;
-      case Ce.ESC:
-        j(!1);
-        break;
-      case Ce.SPACE:
-      case Ce.ENTER:
-        I !== null && p(I, R);
-        break;
-    }
-  }
-  be(function() {
-    var R = document.getElementById(x);
-    R && R.scrollIntoView && R.scrollIntoView(!1);
-  }, [I]), be(function() {
-    z || w(null);
-  }, [z]);
-  var q = te({}, C ? "marginRight" : "marginLeft", v);
-  r.length || (q.visibility = "hidden", q.order = 1);
-  var J = E(te({}, "".concat(_, "-rtl"), C)), ce = s ? null : /* @__PURE__ */ l.createElement(Ha, he({
-    prefixCls: _,
-    overlay: f,
-    visible: r.length ? z : !1,
-    onVisibleChange: j,
-    overlayClassName: E(J, y),
-    mouseEnterDelay: 0.1,
-    mouseLeaveDelay: 0.1,
-    getPopupContainer: O
-  }, c), /* @__PURE__ */ l.createElement("button", {
-    type: "button",
-    className: "".concat(a, "-nav-more"),
-    style: q,
-    tabIndex: -1,
-    "aria-hidden": "true",
-    "aria-haspopup": "listbox",
-    "aria-controls": h,
-    id: "".concat(n, "-more"),
-    "aria-expanded": z,
-    onKeyDown: se
-  }, b));
-  return /* @__PURE__ */ l.createElement("div", {
-    className: E("".concat(a, "-nav-operations"), m),
-    style: d,
-    ref: t
-  }, ce, /* @__PURE__ */ l.createElement(na, {
-    prefixCls: a,
-    locale: o,
-    editable: g
-  }));
-});
-const Sn = /* @__PURE__ */ l.memo(yn, 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 Cn = function(t) {
-  var a = t.prefixCls, n = t.id, r = t.active, o = t.focus, s = t.tab, i = s.key, c = s.label, d = s.disabled, m = s.closeIcon, g = s.icon, v = t.closable, C = t.renderWrapper, N = t.removeAriaLabel, p = t.editable, O = t.onClick, y = t.onFocus, S = t.onBlur, P = t.onKeyDown, z = t.onMouseDown, j = t.onMouseUp, G = t.style, D = t.tabCount, I = t.currentPosition, w = "".concat(a, "-tab"), T = ht(v, m, p, d);
-  function b(X) {
-    d || O(X);
-  }
-  function h(X) {
-    X.preventDefault(), X.stopPropagation(), p.onEdit("remove", {
-      key: i,
-      event: X
-    });
-  }
-  var _ = l.useMemo(function() {
-    return g && typeof c == "string" ? /* @__PURE__ */ l.createElement("span", null, c) : c;
-  }, [c, g]), x = l.useRef(null);
-  l.useEffect(function() {
-    o && x.current && x.current.focus();
-  }, [o]);
-  var W = /* @__PURE__ */ l.createElement("div", {
-    key: i,
-    "data-node-key": aa(i),
-    className: E(w, te(te(te(te({}, "".concat(w, "-with-remove"), T), "".concat(w, "-active"), r), "".concat(w, "-disabled"), d), "".concat(w, "-focus"), o)),
-    style: G,
-    onClick: b
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: x,
-    role: "tab",
-    "aria-selected": r,
-    id: n && "".concat(n, "-tab-").concat(i),
-    className: "".concat(w, "-btn"),
-    "aria-controls": n && "".concat(n, "-panel-").concat(i),
-    "aria-disabled": d,
-    tabIndex: d ? null : r ? 0 : -1,
-    onClick: function(f) {
-      f.stopPropagation(), b(f);
-    },
-    onKeyDown: P,
-    onMouseDown: z,
-    onMouseUp: j,
-    onFocus: y,
-    onBlur: S
-  }, o && /* @__PURE__ */ l.createElement("div", {
-    "aria-live": "polite",
-    style: {
-      width: 0,
-      height: 0,
-      position: "absolute",
-      overflow: "hidden",
-      opacity: 0
-    }
-  }, "Tab ".concat(I, " of ").concat(D)), g && /* @__PURE__ */ l.createElement("span", {
-    className: "".concat(w, "-icon")
-  }, g), c && _), T && /* @__PURE__ */ l.createElement("button", {
-    type: "button",
-    "aria-label": N || "remove",
-    tabIndex: r ? 0 : -1,
-    className: "".concat(w, "-remove"),
-    onClick: function(f) {
-      f.stopPropagation(), h(f);
-    }
-  }, m || p.removeIcon || "×"));
-  return C ? C(W) : W;
-}, xn = function(t, a) {
-  var n = t.offsetWidth, r = t.offsetHeight, o = t.offsetTop, s = t.offsetLeft, i = t.getBoundingClientRect(), c = i.width, d = i.height, m = i.left, g = i.top;
-  return Math.abs(c - n) < 1 ? [c, d, m - a.left, g - a.top] : [n, r, s, o];
-}, Re = function(t) {
-  var a = t.current || {}, n = a.offsetWidth, r = n === void 0 ? 0 : n, o = a.offsetHeight, s = o === void 0 ? 0 : o;
-  if (t.current) {
-    var i = t.current.getBoundingClientRect(), c = i.width, d = i.height;
-    if (Math.abs(c - r) < 1)
-      return [c, d];
-  }
-  return [r, s];
-}, Ge = function(t, a) {
-  return t[a ? 0 : 1];
-}, Ft = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var a = e.className, n = e.style, r = e.id, o = e.animated, s = e.activeKey, i = e.rtl, c = e.extra, d = e.editable, m = e.locale, g = e.tabPosition, v = e.tabBarGutter, C = e.children, N = e.onTabClick, p = e.onTabScroll, O = e.indicator, y = l.useContext(Xe), S = y.prefixCls, P = y.tabs, z = ee(null), j = ee(null), G = ee(null), D = ee(null), I = ee(null), w = ee(null), T = ee(null), b = g === "top" || g === "bottom", h = Wt(0, function(M, $) {
-    b && p && p({
-      direction: M > $ ? "left" : "right"
-    });
-  }), _ = B(h, 2), x = _[0], W = _[1], X = Wt(0, function(M, $) {
-    !b && p && p({
-      direction: M > $ ? "top" : "bottom"
-    });
-  }), f = B(X, 2), Y = f[0], se = f[1], q = U([0, 0]), J = B(q, 2), ce = J[0], R = J[1], H = U([0, 0]), k = B(H, 2), Q = k[0], Z = k[1], ne = U([0, 0]), ae = B(ne, 2), $e = ae[0], ge = ae[1], re = U([0, 0]), ye = B(re, 2), L = ye[0], de = ye[1], xe = pn(/* @__PURE__ */ new Map()), Be = B(xe, 2), F = Be[0], V = Be[1], ue = mn(P, F, Q[0]), _e = Ge(ce, b), Me = Ge(Q, b), Ye = Ge($e, b), St = Ge(L, b), Ct = Math.floor(_e) < Math.floor(Me + Ye), me = Ct ? _e - St : _e - Ye, sa = "".concat(S, "-nav-operations-hidden"), Se = 0, we = 0;
-  b && i ? (Se = 0, we = Math.max(0, Me - me)) : (Se = Math.min(0, me - Me), we = 0);
-  function Qe(M) {
-    return M < Se ? Se : M > we ? we : M;
-  }
-  var Ze = ee(null), ca = U(), xt = B(ca, 2), De = xt[0], _t = xt[1];
-  function Je() {
-    _t(Date.now());
-  }
-  function et() {
-    Ze.current && clearTimeout(Ze.current);
-  }
-  vn(D, function(M, $) {
-    function A(K, fe) {
-      K(function(ie) {
-        var Ne = Qe(ie + fe);
-        return Ne;
-      });
-    }
-    return Ct ? (b ? A(W, M) : A(se, $), et(), Je(), !0) : !1;
-  }), be(function() {
-    return et(), De && (Ze.current = setTimeout(function() {
-      _t(0);
-    }, 100)), et;
-  }, [De]);
-  var da = hn(
-    ue,
-    // Container
-    me,
-    // Transform
-    b ? x : Y,
-    // Tabs
-    Me,
-    // Add
-    Ye,
-    // Operation
-    St,
-    le(le({}, e), {}, {
-      tabs: P
-    })
-  ), wt = B(da, 2), ua = wt[0], fa = wt[1], Et = Ra(function() {
-    var M = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : s, $ = ue.get(M) || {
-      width: 0,
-      height: 0,
-      left: 0,
-      right: 0,
-      top: 0
-    };
-    if (b) {
-      var A = x;
-      i ? $.right < x ? A = $.right : $.right + $.width > x + me && (A = $.right + $.width - me) : $.left < -x ? A = -$.left : $.left + $.width > -x + me && (A = -($.left + $.width - me)), se(0), W(Qe(A));
-    } else {
-      var K = Y;
-      $.top < -Y ? K = -$.top : $.top + $.height > -Y + me && (K = -($.top + $.height - me)), W(0), se(Qe(K));
-    }
-  }), ga = U(), Pt = B(ga, 2), Pe = Pt[0], Le = Pt[1], ma = U(!1), Ot = B(ma, 2), ba = Ot[0], Nt = Ot[1], pe = P.filter(function(M) {
-    return !M.disabled;
-  }).map(function(M) {
-    return M.key;
-  }), Oe = function($) {
-    var A = pe.indexOf(Pe || s), K = pe.length, fe = (A + $ + K) % K, ie = pe[fe];
-    Le(ie);
-  }, va = function($) {
-    var A = $.code, K = i && b, fe = pe[0], ie = pe[pe.length - 1];
-    switch (A) {
-      case "ArrowLeft": {
-        b && Oe(K ? 1 : -1);
-        break;
-      }
-      case "ArrowRight": {
-        b && Oe(K ? -1 : 1);
-        break;
-      }
-      case "ArrowUp": {
-        $.preventDefault(), b || Oe(-1);
-        break;
-      }
-      case "ArrowDown": {
-        $.preventDefault(), b || Oe(1);
-        break;
-      }
-      case "Home": {
-        $.preventDefault(), Le(fe);
-        break;
-      }
-      case "End": {
-        $.preventDefault(), Le(ie);
-        break;
-      }
-      case "Enter":
-      case "Space": {
-        $.preventDefault(), N(Pe, $);
-        break;
-      }
-      case "Backspace":
-      case "Delete": {
-        var Ne = pe.indexOf(Pe), oe = P.find(function(Te) {
-          return Te.key === Pe;
-        }), nt = ht(oe == null ? void 0 : oe.closable, oe == null ? void 0 : oe.closeIcon, d, oe == null ? void 0 : oe.disabled);
-        nt && ($.preventDefault(), $.stopPropagation(), d.onEdit("remove", {
-          key: Pe,
-          event: $
-        }), Ne === pe.length - 1 ? Oe(-1) : Oe(1));
-        break;
-      }
-    }
-  }, Ae = {};
-  b ? Ae[i ? "marginRight" : "marginLeft"] = v : Ae.marginTop = v;
-  var Tt = P.map(function(M, $) {
-    var A = M.key;
-    return /* @__PURE__ */ l.createElement(Cn, {
-      id: r,
-      prefixCls: S,
-      key: A,
-      tab: M,
-      style: $ === 0 ? void 0 : Ae,
-      closable: M.closable,
-      editable: d,
-      active: A === s,
-      focus: A === Pe,
-      renderWrapper: C,
-      removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-      tabCount: pe.length,
-      currentPosition: $ + 1,
-      onClick: function(fe) {
-        N(A, fe);
-      },
-      onKeyDown: va,
-      onFocus: function() {
-        ba || Le(A), Et(A), Je(), D.current && (i || (D.current.scrollLeft = 0), D.current.scrollTop = 0);
-      },
-      onBlur: function() {
-        Le(void 0);
-      },
-      onMouseDown: function() {
-        Nt(!0);
-      },
-      onMouseUp: function() {
-        Nt(!1);
-      }
-    });
-  }), Rt = function() {
-    return V(function() {
-      var $, A = /* @__PURE__ */ new Map(), K = ($ = I.current) === null || $ === void 0 ? void 0 : $.getBoundingClientRect();
-      return P.forEach(function(fe) {
-        var ie, Ne = fe.key, oe = (ie = I.current) === null || ie === void 0 ? void 0 : ie.querySelector('[data-node-key="'.concat(aa(Ne), '"]'));
-        if (oe) {
-          var nt = xn(oe, K), Te = B(nt, 4), Sa = Te[0], Ca = Te[1], xa = Te[2], _a = Te[3];
-          A.set(Ne, {
-            width: Sa,
-            height: Ca,
-            left: xa,
-            top: _a
-          });
-        }
-      }), A;
-    });
-  };
-  be(function() {
-    Rt();
-  }, [P.map(function(M) {
-    return M.key;
-  }).join("_")]);
-  var He = ta(function() {
-    var M = Re(z), $ = Re(j), A = Re(G);
-    R([M[0] - $[0] - A[0], M[1] - $[1] - A[1]]);
-    var K = Re(T);
-    ge(K);
-    var fe = Re(w);
-    de(fe);
-    var ie = Re(I);
-    Z([ie[0] - K[0], ie[1] - K[1]]), Rt();
-  }), pa = P.slice(0, ua), ha = P.slice(fa + 1), It = [].concat(ct(pa), ct(ha)), zt = ue.get(s), $a = gn({
-    activeTabOffset: zt,
-    horizontal: b,
-    indicator: O,
-    rtl: i
-  }), ya = $a.style;
-  be(function() {
-    Et();
-  }, [s, Se, we, qt(zt), qt(ue), b]), be(function() {
-    He();
-  }, [i]);
-  var Mt = !!It.length, je = "".concat(S, "-nav-wrap"), tt, at, Lt, jt;
-  return b ? i ? (at = x > 0, tt = x !== we) : (tt = x < 0, at = x !== Se) : (Lt = Y < 0, jt = Y !== Se), /* @__PURE__ */ l.createElement(rt, {
-    onResize: He
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: Ia(t, z),
-    role: "tablist",
-    "aria-orientation": b ? "horizontal" : "vertical",
-    className: E("".concat(S, "-nav"), a),
-    style: n,
-    onKeyDown: function() {
-      Je();
-    }
-  }, /* @__PURE__ */ l.createElement(ut, {
-    ref: j,
-    position: "left",
-    extra: c,
-    prefixCls: S
-  }), /* @__PURE__ */ l.createElement(rt, {
-    onResize: He
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: E(je, te(te(te(te({}, "".concat(je, "-ping-left"), tt), "".concat(je, "-ping-right"), at), "".concat(je, "-ping-top"), Lt), "".concat(je, "-ping-bottom"), jt)),
-    ref: D
-  }, /* @__PURE__ */ l.createElement(rt, {
-    onResize: He
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: I,
-    className: "".concat(S, "-nav-list"),
-    style: {
-      transform: "translate(".concat(x, "px, ").concat(Y, "px)"),
-      transition: De ? "none" : void 0
-    }
-  }, Tt, /* @__PURE__ */ l.createElement(na, {
-    ref: T,
-    prefixCls: S,
-    locale: m,
-    editable: d,
-    style: le(le({}, Tt.length === 0 ? void 0 : Ae), {}, {
-      visibility: Mt ? "hidden" : null
-    })
-  }), /* @__PURE__ */ l.createElement("div", {
-    className: E("".concat(S, "-ink-bar"), te({}, "".concat(S, "-ink-bar-animated"), o.inkBar)),
-    style: ya
-  }))))), /* @__PURE__ */ l.createElement(Sn, he({}, e, {
-    removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-    ref: w,
-    prefixCls: S,
-    tabs: It,
-    className: !Mt && sa,
-    tabMoving: !!De
-  })), /* @__PURE__ */ l.createElement(ut, {
-    ref: G,
-    position: "right",
-    extra: c,
-    prefixCls: S
-  })));
-}), $t = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var a = e.prefixCls, n = e.className, r = e.style, o = e.id, s = e.active, i = e.tabKey, c = e.children;
-  return /* @__PURE__ */ l.createElement("div", {
-    id: o && "".concat(o, "-panel-").concat(i),
-    role: "tabpanel",
-    tabIndex: s ? 0 : -1,
-    "aria-labelledby": o && "".concat(o, "-tab-").concat(i),
-    "aria-hidden": !s,
-    style: r,
-    className: E(a, s && "".concat(a, "-active"), n),
-    ref: t
-  }, c);
-});
-process.env.NODE_ENV !== "production" && ($t.displayName = "TabPane");
-var _n = ["renderTabBar"], wn = ["label", "key"], ra = function(t) {
-  var a = t.renderTabBar, n = ke(t, _n), r = l.useContext(Xe), o = r.tabs;
-  if (a) {
-    var s = le(le({}, n), {}, {
-      // Legacy support. We do not use this actually
-      panes: o.map(function(i) {
-        var c = i.label, d = i.key, m = ke(i, wn);
-        return /* @__PURE__ */ l.createElement($t, he({
-          tab: c,
-          key: d,
-          tabKey: d
-        }, m));
-      })
-    });
-    return a(s, Ft);
-  }
-  return /* @__PURE__ */ l.createElement(Ft, n);
-};
-process.env.NODE_ENV !== "production" && (ra.displayName = "TabNavListWrapper");
-var En = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"], Pn = function(t) {
-  var a = t.id, n = t.activeKey, r = t.animated, o = t.tabPosition, s = t.destroyInactiveTabPane, i = l.useContext(Xe), c = i.prefixCls, d = i.tabs, m = r.tabPane, g = "".concat(c, "-tabpane");
-  return /* @__PURE__ */ l.createElement("div", {
-    className: E("".concat(c, "-content-holder"))
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: E("".concat(c, "-content"), "".concat(c, "-content-").concat(o), te({}, "".concat(c, "-content-animated"), m))
-  }, d.map(function(v) {
-    var C = v.key, N = v.forceRender, p = v.style, O = v.className, y = v.destroyInactiveTabPane, S = ke(v, En), P = C === n;
-    return /* @__PURE__ */ l.createElement(za, he({
-      key: C,
-      visible: P,
-      forceRender: N,
-      removeOnLeave: !!(s || y),
-      leavedClassName: "".concat(g, "-hidden")
-    }, r.tabPaneMotion), function(z, j) {
-      var G = z.style, D = z.className;
-      return /* @__PURE__ */ l.createElement($t, he({}, S, {
-        prefixCls: g,
-        id: a,
-        tabKey: C,
-        animated: m,
-        active: P,
-        style: le(le({}, p), G),
-        className: E(O, D),
-        ref: j
-      }));
-    });
-  })));
-};
-function On() {
-  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 = le({
-    inkBar: !0
-  }, ft(e) === "object" ? e : {}), t.tabPaneMotion && t.tabPane === void 0 && (t.tabPane = !0), !t.tabPaneMotion && t.tabPane && (process.env.NODE_ENV !== "production" && Oa(!1, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work."), t.tabPane = !1), t;
-}
-var Nn = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], Xt = 0, ia = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var a = e.id, n = e.prefixCls, r = n === void 0 ? "rc-tabs" : n, o = e.className, s = e.items, i = e.direction, c = e.activeKey, d = e.defaultActiveKey, m = e.editable, g = e.animated, v = e.tabPosition, C = v === void 0 ? "top" : v, N = e.tabBarGutter, p = e.tabBarStyle, O = e.tabBarExtraContent, y = e.locale, S = e.more, P = e.destroyInactiveTabPane, z = e.renderTabBar, j = e.onChange, G = e.onTabClick, D = e.onTabScroll, I = e.getPopupContainer, w = e.popupClassName, T = e.indicator, b = ke(e, Nn), h = l.useMemo(function() {
-    return (s || []).filter(function(L) {
-      return L && ft(L) === "object" && "key" in L;
-    });
-  }, [s]), _ = i === "rtl", x = On(g), W = U(!1), X = B(W, 2), f = X[0], Y = X[1];
-  be(function() {
-    Y(La());
-  }, []);
-  var se = Bt(function() {
-    var L;
-    return (L = h[0]) === null || L === void 0 ? void 0 : L.key;
-  }, {
-    value: c,
-    defaultValue: d
-  }), q = B(se, 2), J = q[0], ce = q[1], R = U(function() {
-    return h.findIndex(function(L) {
-      return L.key === J;
-    });
-  }), H = B(R, 2), k = H[0], Q = H[1];
-  be(function() {
-    var L = h.findIndex(function(xe) {
-      return xe.key === J;
-    });
-    if (L === -1) {
-      var de;
-      L = Math.max(0, Math.min(k, h.length - 1)), ce((de = h[L]) === null || de === void 0 ? void 0 : de.key);
-    }
-    Q(L);
-  }, [h.map(function(L) {
-    return L.key;
-  }).join("_"), J, k]);
-  var Z = Bt(null, {
-    value: a
-  }), ne = B(Z, 2), ae = ne[0], $e = ne[1];
-  be(function() {
-    a || ($e("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : Xt)), Xt += 1);
-  }, []);
-  function ge(L, de) {
-    G == null || G(L, de);
-    var xe = L !== J;
-    ce(L), xe && (j == null || j(L));
-  }
-  var re = {
-    id: ae,
-    activeKey: J,
-    animated: x,
-    tabPosition: C,
-    rtl: _,
-    mobile: f
-  }, ye = le(le({}, re), {}, {
-    editable: m,
-    locale: y,
-    more: S,
-    tabBarGutter: N,
-    onTabClick: ge,
-    onTabScroll: D,
-    extra: O,
-    style: p,
-    panes: null,
-    getPopupContainer: I,
-    popupClassName: w,
-    indicator: T
-  });
-  return /* @__PURE__ */ l.createElement(Xe.Provider, {
-    value: {
-      tabs: h,
-      prefixCls: r
-    }
-  }, /* @__PURE__ */ l.createElement("div", he({
-    ref: t,
-    id: a,
-    className: E(r, "".concat(r, "-").concat(C), te(te(te({}, "".concat(r, "-mobile"), f), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), _), o)
-  }, b), /* @__PURE__ */ l.createElement(ra, he({}, ye, {
-    renderTabBar: z
-  })), /* @__PURE__ */ l.createElement(Pn, he({
-    destroyInactiveTabPane: P
-  }, re, {
-    animated: x
-  }))));
-});
-process.env.NODE_ENV !== "production" && (ia.displayName = "Tabs");
-const Tn = {
-  motionAppear: !1,
-  motionEnter: !0,
-  motionLeave: !0
-};
-function Rn(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({}, Tn), {
-    motionName: ja(e, "switch")
-  })), a;
-}
-var In = 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 zn(e) {
-  return e.filter((t) => t);
-}
-function Mn(e, t) {
-  if (process.env.NODE_ENV !== "production" && bt("Tabs").deprecated(!t, "Tabs.TabPane", "items"), e)
-    return e;
-  const a = Na(t).map((n) => {
-    if (/* @__PURE__ */ l.isValidElement(n)) {
-      const {
-        key: r,
-        props: o
-      } = n, s = o || {}, {
-        tab: i
-      } = s, c = In(s, ["tab"]);
-      return Object.assign(Object.assign({
-        key: String(r)
-      }, c), {
-        label: i
-      });
-    }
-    return null;
-  });
-  return zn(a);
-}
-const Ln = (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
-    [At(e, "slide-up"), At(e, "slide-down")]
-  ];
-}, jn = (e) => {
-  const {
-    componentCls: t,
-    tabsCardPadding: a,
-    cardBg: n,
-    cardGutter: r,
-    colorBorderSecondary: o,
-    itemSelectedColor: s
-  } = e;
-  return {
-    [`${t}-card`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        [`${t}-tab`]: {
-          margin: 0,
-          padding: a,
-          background: n,
-          border: `${u(e.lineWidth)} ${e.lineType} ${o}`,
-          transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`
-        },
-        [`${t}-tab-active`]: {
-          color: s,
-          background: e.colorBgContainer
-        },
-        [`${t}-tab-focus`]: Object.assign({}, Zt(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: u(r)
-            }
-          }
-        }
-      },
-      [`&${t}-top`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
-          },
-          [`${t}-tab-active`]: {
-            borderBottomColor: e.colorBgContainer
-          }
-        }
-      },
-      [`&${t}-bottom`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
-          },
-          [`${t}-tab-active`]: {
-            borderTopColor: e.colorBgContainer
-          }
-        }
-      },
-      // ========================== Left & Right ==========================
-      [`&${t}-left, &${t}-right`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab + ${t}-tab`]: {
-            marginTop: u(r)
-          }
-        }
-      },
-      [`&${t}-left`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `${u(e.borderRadiusLG)} 0 0 ${u(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 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0`
-            }
-          },
-          [`${t}-tab-active`]: {
-            borderLeftColor: {
-              _skip_check_: !0,
-              value: e.colorBgContainer
-            }
-          }
-        }
-      }
-    }
-  };
-}, Bn = (e) => {
-  const {
-    componentCls: t,
-    itemHoverColor: a,
-    dropdownEdgeChildVerticalPadding: n
-  } = e;
-  return {
-    [`${t}-dropdown`]: Object.assign(Object.assign({}, vt(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: `${u(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({}, pt), {
-          display: "flex",
-          alignItems: "center",
-          minWidth: e.tabsDropdownWidth,
-          margin: 0,
-          padding: `${u(e.paddingXXS)} ${u(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"
-            }
-          }
-        })
-      }
-    })
-  };
-}, Dn = (e) => {
-  const {
-    componentCls: t,
-    margin: a,
-    colorBorderSecondary: n,
-    horizontalMargin: r,
-    verticalItemPadding: o,
-    verticalItemMargin: s,
-    calc: i
-  } = 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: `${u(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: i(e.controlHeight).mul(1.25).equal(),
-        // >>>>>>>>>>> Tab
-        [`${t}-tab`]: {
-          padding: o,
-          textAlign: "center"
-        },
-        [`${t}-tab + ${t}-tab`]: {
-          margin: s
-        },
-        // >>>>>>>>>>> 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: u(i(e.lineWidth).mul(-1).equal())
-        },
-        borderLeft: {
-          _skip_check_: !0,
-          value: `${u(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: i(e.lineWidth).mul(-1).equal()
-        },
-        borderRight: {
-          _skip_check_: !0,
-          value: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
-        },
-        [`> ${t}-content > ${t}-tabpane`]: {
-          paddingRight: {
-            _skip_check_: !0,
-            value: e.paddingLG
-          }
-        }
-      }
-    }
-  };
-}, An = (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 ${u(e.borderRadius)} ${u(e.borderRadius)}`
-          }
-        },
-        [`&${t}-top`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: `${u(e.borderRadius)} ${u(e.borderRadius)} 0 0`
-          }
-        },
-        [`&${t}-right`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `0 ${u(e.borderRadius)} ${u(e.borderRadius)} 0`
-            }
-          }
-        },
-        [`&${t}-left`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `${u(e.borderRadius)} 0 0 ${u(e.borderRadius)}`
-            }
-          }
-        }
-      },
-      [`&${t}-large`]: {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: n
-          }
-        }
-      }
-    }
-  };
-}, Hn = (e) => {
-  const {
-    componentCls: t,
-    itemActiveColor: a,
-    itemHoverColor: n,
-    iconCls: r,
-    tabsHorizontalItemMargin: o,
-    horizontalItemPadding: s,
-    itemSelectedColor: i,
-    itemColor: c
-  } = e, d = `${t}-tab`;
-  return {
-    [d]: {
-      position: "relative",
-      WebkitTouchCallout: "none",
-      WebkitTapHighlightColor: "transparent",
-      display: "inline-flex",
-      alignItems: "center",
-      padding: s,
-      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}`,
-        [`${d}-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
-        }
-      }, dt(e)),
-      "&:hover": {
-        color: n
-      },
-      [`&${d}-active ${d}-btn`]: {
-        color: i,
-        textShadow: e.tabsActiveTextShadow
-      },
-      [`&${d}-focus ${d}-btn`]: Object.assign({}, Zt(e)),
-      [`&${d}-disabled`]: {
-        color: e.colorTextDisabled,
-        cursor: "not-allowed"
-      },
-      [`&${d}-disabled ${d}-btn, &${d}-disabled ${t}-remove`]: {
-        "&:focus, &:active": {
-          color: e.colorTextDisabled
-        }
-      },
-      [`& ${d}-remove ${r}`]: {
-        margin: 0
-      },
-      [`${r}:not(:last-child)`]: {
-        marginRight: {
-          _skip_check_: !0,
-          value: e.marginSM
-        }
-      }
-    },
-    [`${d} + ${d}`]: {
-      margin: {
-        _skip_check_: !0,
-        value: o
-      }
-    }
-  };
-}, Gn = (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: u(e.marginSM)
-            }
-          },
-          [`${t}-tab-remove`]: {
-            marginRight: {
-              _skip_check_: !0,
-              value: u(e.marginXS)
-            },
-            marginLeft: {
-              _skip_check_: !0,
-              value: u(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"
-        }
-      }
-    }
-  };
-}, Wn = (e) => {
-  const {
-    componentCls: t,
-    tabsCardPadding: a,
-    cardHeight: n,
-    cardGutter: r,
-    itemHoverColor: o,
-    itemActiveColor: s,
-    colorBorderSecondary: i
-  } = e;
-  return {
-    [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, vt(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: u(e.paddingXS),
-          background: "transparent",
-          border: `${u(e.lineWidth)} ${e.lineType} ${i}`,
-          borderRadius: `${u(e.borderRadiusLG)} ${u(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: s
-          }
-        }, dt(e, -3))
-      },
-      [`${t}-extra-content`]: {
-        flex: "none"
-      },
-      // ============================ InkBar ============================
-      [`${t}-ink-bar`]: {
-        position: "absolute",
-        background: e.inkBarColor,
-        pointerEvents: "none"
-      }
-    }), Hn(e)), {
-      // =========================== TabPanes ===========================
-      [`${t}-content`]: {
-        position: "relative",
-        width: "100%"
-      },
-      [`${t}-content-holder`]: {
-        flex: "auto",
-        minWidth: 0,
-        minHeight: 0
-      },
-      [`${t}-tabpane`]: Object.assign(Object.assign({}, dt(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"
-          }
-        }
-      }
-    }
-  };
-}, kn = (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
-  };
-}, Vn = gt("Tabs", (e) => {
-  const t = mt(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 ${u(e.horizontalItemGutter)}`,
-    tabsHorizontalItemMarginRTL: `0 0 0 ${u(e.horizontalItemGutter)}`
-  });
-  return [An(t), Gn(t), Dn(t), Bn(t), jn(t), Wn(t), Ln(t)];
-}, kn), oa = () => null;
-process.env.NODE_ENV !== "production" && (oa.displayName = "DeprecatedTabPane");
-var Kn = 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 yt = (e) => {
-  var t, a, n, r, o, s, i, c, d, m, g;
-  const {
-    type: v,
-    className: C,
-    rootClassName: N,
-    size: p,
-    onEdit: O,
-    hideAdd: y,
-    centered: S,
-    addIcon: P,
-    removeIcon: z,
-    moreIcon: j,
-    more: G,
-    popupClassName: D,
-    children: I,
-    items: w,
-    animated: T,
-    style: b,
-    indicatorSize: h,
-    indicator: _
-  } = e, x = Kn(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]), {
-    prefixCls: W
-  } = x, {
-    direction: X,
-    tabs: f,
-    getPrefixCls: Y,
-    getPopupContainer: se
-  } = l.useContext(ve), q = Y("tabs", W), J = ka(q), [ce, R, H] = Vn(q, J);
-  let k;
-  v === "editable-card" && (k = {
-    onEdit: (re, ye) => {
-      let {
-        key: L,
-        event: de
-      } = ye;
-      O == null || O(re === "add" ? de : L, re);
-    },
-    removeIcon: (t = z ?? (f == null ? void 0 : f.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ l.createElement(Ba, null),
-    addIcon: (P ?? (f == null ? void 0 : f.addIcon)) || /* @__PURE__ */ l.createElement(ea, null),
-    showAdd: y !== !0
-  });
-  const Q = Y();
-  if (process.env.NODE_ENV !== "production") {
-    const re = bt("Tabs");
-    process.env.NODE_ENV !== "production" && re(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && re(!(h || f != null && f.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
-  }
-  const Z = Jt(p), ne = Mn(w, I), ae = Rn(q, T), $e = Object.assign(Object.assign({}, f == null ? void 0 : f.style), b), ge = {
-    align: (a = _ == null ? void 0 : _.align) !== null && a !== void 0 ? a : (n = f == null ? void 0 : f.indicator) === null || n === void 0 ? void 0 : n.align,
-    size: (i = (o = (r = _ == null ? void 0 : _.size) !== null && r !== void 0 ? r : h) !== null && o !== void 0 ? o : (s = f == null ? void 0 : f.indicator) === null || s === void 0 ? void 0 : s.size) !== null && i !== void 0 ? i : f == null ? void 0 : f.indicatorSize
-  };
-  return ce(/* @__PURE__ */ l.createElement(ia, Object.assign({
-    direction: X,
-    getPopupContainer: se
-  }, x, {
-    items: ne,
-    className: E({
-      [`${q}-${Z}`]: Z,
-      [`${q}-card`]: ["card", "editable-card"].includes(v),
-      [`${q}-editable-card`]: v === "editable-card",
-      [`${q}-centered`]: S
-    }, f == null ? void 0 : f.className, C, N, R, H, J),
-    popupClassName: E(D, R, H, J),
-    style: $e,
-    editable: k,
-    more: Object.assign({
-      icon: (g = (m = (d = (c = f == null ? void 0 : f.more) === null || c === void 0 ? void 0 : c.icon) !== null && d !== void 0 ? d : f == null ? void 0 : f.moreIcon) !== null && m !== void 0 ? m : j) !== null && g !== void 0 ? g : /* @__PURE__ */ l.createElement(Ga, null),
-      transitionName: `${Q}-slide-up`
-    }, G),
-    prefixCls: q,
-    animated: ae,
-    indicator: ge
-  })));
-};
-yt.TabPane = oa;
-process.env.NODE_ENV !== "production" && (yt.displayName = "Tabs");
-var qn = 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 la = (e) => {
-  var {
-    prefixCls: t,
-    className: a,
-    hoverable: n = !0
-  } = e, r = qn(e, ["prefixCls", "className", "hoverable"]);
-  const {
-    getPrefixCls: o
-  } = l.useContext(ve), s = o("card", t), i = E(`${s}-grid`, a, {
-    [`${s}-grid-hoverable`]: n
-  });
-  return /* @__PURE__ */ l.createElement("div", Object.assign({}, r, {
-    className: i
-  }));
-}, Fn = (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 ${u(r)}`,
-    color: e.colorTextHeading,
-    fontWeight: e.fontWeightStrong,
-    fontSize: e.headerFontSize,
-    background: e.headerBg,
-    borderBottom: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,
-    borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
-  }, Ke()), {
-    "&-wrapper": {
-      width: "100%",
-      display: "flex",
-      alignItems: "center"
-    },
-    "&-title": Object.assign(Object.assign({
-      display: "inline-block",
-      flex: 1
-    }, pt), {
-      [`
-          > ${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: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
-      }
-    }
-  });
-}, Xn = (e) => {
-  const {
-    cardPaddingBase: t,
-    colorBorderSecondary: a,
-    cardShadow: n,
-    lineWidth: r
-  } = e;
-  return {
-    width: "33.33%",
-    padding: t,
-    border: 0,
-    borderRadius: 0,
-    boxShadow: `
-      ${u(r)} 0 0 0 ${a},
-      0 ${u(r)} 0 0 ${a},
-      ${u(r)} ${u(r)} 0 0 ${a},
-      ${u(r)} 0 0 0 ${a} inset,
-      0 ${u(r)} 0 0 ${a} inset;
-    `,
-    transition: `all ${e.motionDurationMid}`,
-    "&-hoverable:hover": {
-      position: "relative",
-      zIndex: 1,
-      boxShadow: n
-    }
-  };
-}, Un = (e) => {
-  const {
-    componentCls: t,
-    iconCls: a,
-    actionsLiMargin: n,
-    cardActionsIconSize: r,
-    colorBorderSecondary: o,
-    actionsBg: s
-  } = e;
-  return Object.assign(Object.assign({
-    margin: 0,
-    padding: 0,
-    listStyle: "none",
-    background: s,
-    borderTop: `${u(e.lineWidth)} ${e.lineType} ${o}`,
-    display: "flex",
-    borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
-  }, Ke()), {
-    "& > 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: u(e.fontHeight),
-          transition: `color ${e.motionDurationMid}`,
-          "&:hover": {
-            color: e.colorPrimary
-          }
-        },
-        [`> ${a}`]: {
-          fontSize: r,
-          lineHeight: u(e.calc(r).mul(e.lineHeight).equal())
-        }
-      },
-      "&:not(:last-child)": {
-        borderInlineEnd: `${u(e.lineWidth)} ${e.lineType} ${o}`
-      }
-    }
-  });
-}, Yn = (e) => Object.assign(Object.assign({
-  margin: `${u(e.calc(e.marginXXS).mul(-1).equal())} 0`,
-  display: "flex"
-}, Ke()), {
-  "&-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
-  }, pt),
-  "&-description": {
-    color: e.colorTextDescription
-  }
-}), Qn = (e) => {
-  const {
-    componentCls: t,
-    colorFillAlter: a,
-    headerPadding: n,
-    bodyPadding: r
-  } = e;
-  return {
-    [`${t}-head`]: {
-      padding: `0 ${u(n)}`,
-      background: a,
-      "&-title": {
-        fontSize: e.fontSize
-      }
-    },
-    [`${t}-body`]: {
-      padding: `${u(e.padding)} ${u(r)}`
-    }
-  };
-}, Zn = (e) => {
-  const {
-    componentCls: t
-  } = e;
-  return {
-    overflow: "hidden",
-    [`${t}-body`]: {
-      userSelect: "none"
-    }
-  };
-}, Jn = (e) => {
-  const {
-    componentCls: t,
-    cardShadow: a,
-    cardHeadPadding: n,
-    colorBorderSecondary: r,
-    boxShadowTertiary: o,
-    bodyPadding: s,
-    extraColor: i
-  } = e;
-  return {
-    [t]: Object.assign(Object.assign({}, vt(e)), {
-      position: "relative",
-      background: e.colorBgContainer,
-      borderRadius: e.borderRadiusLG,
-      [`&:not(${t}-bordered)`]: {
-        boxShadow: o
-      },
-      [`${t}-head`]: Fn(e),
-      [`${t}-extra`]: {
-        // https://stackoverflow.com/a/22429853/3040605
-        marginInlineStart: "auto",
-        color: i,
-        fontWeight: "normal",
-        fontSize: e.fontSize
-      },
-      [`${t}-body`]: Object.assign({
-        padding: s,
-        borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
-      }, Ke()),
-      [`${t}-grid`]: Xn(e),
-      [`${t}-cover`]: {
-        "> *": {
-          display: "block",
-          width: "100%",
-          borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
-        }
-      },
-      [`${t}-actions`]: Un(e),
-      [`${t}-meta`]: Yn(e)
-    }),
-    [`${t}-bordered`]: {
-      border: `${u(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: `${u(e.borderRadiusLG)} ${u(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`]: Qn(e),
-    [`${t}-loading`]: Zn(e),
-    [`${t}-rtl`]: {
-      direction: "rtl"
-    }
-  };
-}, er = (e) => {
-  const {
-    componentCls: t,
-    bodyPaddingSM: a,
-    headerPaddingSM: n,
-    headerHeightSM: r,
-    headerFontSizeSM: o
-  } = e;
-  return {
-    [`${t}-small`]: {
-      [`> ${t}-head`]: {
-        minHeight: r,
-        padding: `0 ${u(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"
-        }
-      }
-    }
-  };
-}, tr = (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
-  };
-}, ar = gt("Card", (e) => {
-  const t = mt(e, {
-    cardShadow: e.boxShadowCard,
-    cardHeadPadding: e.padding,
-    cardPaddingBase: e.paddingLG,
-    cardActionsIconSize: e.fontSize
-  });
-  return [
-    // Style
-    Jn(t),
-    // Size
-    er(t)
-  ];
-}, tr);
-var Ut = 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 nr = (e) => {
-  const {
-    actionClasses: t,
-    actions: a = [],
-    actionStyle: n
-  } = e;
-  return /* @__PURE__ */ l.createElement("ul", {
-    className: t,
-    style: n
-  }, a.map((r, o) => {
-    const s = `action-${o}`;
-    return /* @__PURE__ */ l.createElement("li", {
-      style: {
-        width: `${100 / a.length}%`
-      },
-      key: s
-    }, /* @__PURE__ */ l.createElement("span", null, r));
-  }));
-}, rr = /* @__PURE__ */ l.forwardRef((e, t) => {
-  const {
-    prefixCls: a,
-    className: n,
-    rootClassName: r,
-    style: o,
-    extra: s,
-    headStyle: i = {},
-    bodyStyle: c = {},
-    title: d,
-    loading: m,
-    bordered: g = !0,
-    size: v,
-    type: C,
-    cover: N,
-    actions: p,
-    tabList: O,
-    children: y,
-    activeTabKey: S,
-    defaultActiveTabKey: P,
-    tabBarExtraContent: z,
-    hoverable: j,
-    tabProps: G = {},
-    classNames: D,
-    styles: I
-  } = e, w = Ut(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: b,
-    card: h
-  } = l.useContext(ve);
-  if (process.env.NODE_ENV !== "production") {
-    const F = bt("Card");
-    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"]].forEach((V) => {
-      let [ue, _e] = V;
-      F.deprecated(!(ue in e), ue, _e);
-    });
-  }
-  const _ = (F) => {
-    var V;
-    (V = e.onTabChange) === null || V === void 0 || V.call(e, F);
-  }, x = (F) => {
-    var V;
-    return E((V = h == null ? void 0 : h.classNames) === null || V === void 0 ? void 0 : V[F], D == null ? void 0 : D[F]);
-  }, W = (F) => {
-    var V;
-    return Object.assign(Object.assign({}, (V = h == null ? void 0 : h.styles) === null || V === void 0 ? void 0 : V[F]), I == null ? void 0 : I[F]);
-  }, X = l.useMemo(() => {
-    let F = !1;
-    return l.Children.forEach(y, (V) => {
-      (V == null ? void 0 : V.type) === la && (F = !0);
-    }), F;
-  }, [y]), f = T("card", a), [Y, se, q] = ar(f), J = /* @__PURE__ */ l.createElement(Ee, {
-    loading: !0,
-    active: !0,
-    paragraph: {
-      rows: 4
-    },
-    title: !1
-  }, y), ce = S !== void 0, R = Object.assign(Object.assign({}, G), {
-    [ce ? "activeKey" : "defaultActiveKey"]: ce ? S : P,
-    tabBarExtraContent: z
-  });
-  let H;
-  const k = Jt(v), Q = !k || k === "default" ? "large" : k, Z = O ? /* @__PURE__ */ l.createElement(yt, Object.assign({
-    size: Q
-  }, R, {
-    className: `${f}-head-tabs`,
-    onChange: _,
-    items: O.map((F) => {
-      var {
-        tab: V
-      } = F, ue = Ut(F, ["tab"]);
-      return Object.assign({
-        label: V
-      }, ue);
-    })
-  })) : null;
-  if (d || s || Z) {
-    const F = E(`${f}-head`, x("header")), V = E(`${f}-head-title`, x("title")), ue = E(`${f}-extra`, x("extra")), _e = Object.assign(Object.assign({}, i), W("header"));
-    H = /* @__PURE__ */ l.createElement("div", {
-      className: F,
-      style: _e
-    }, /* @__PURE__ */ l.createElement("div", {
-      className: `${f}-head-wrapper`
-    }, d && /* @__PURE__ */ l.createElement("div", {
-      className: V,
-      style: W("title")
-    }, d), s && /* @__PURE__ */ l.createElement("div", {
-      className: ue,
-      style: W("extra")
-    }, s)), Z);
-  }
-  const ne = E(`${f}-cover`, x("cover")), ae = N ? /* @__PURE__ */ l.createElement("div", {
-    className: ne,
-    style: W("cover")
-  }, N) : null, $e = E(`${f}-body`, x("body")), ge = Object.assign(Object.assign({}, c), W("body")), re = /* @__PURE__ */ l.createElement("div", {
-    className: $e,
-    style: ge
-  }, m ? J : y), ye = E(`${f}-actions`, x("actions")), L = p != null && p.length ? /* @__PURE__ */ l.createElement(nr, {
-    actionClasses: ye,
-    actionStyle: W("actions"),
-    actions: p
-  }) : null, de = Ve(w, ["onTabChange"]), xe = E(f, h == null ? void 0 : h.className, {
-    [`${f}-loading`]: m,
-    [`${f}-bordered`]: g,
-    [`${f}-hoverable`]: j,
-    [`${f}-contain-grid`]: X,
-    [`${f}-contain-tabs`]: O == null ? void 0 : O.length,
-    [`${f}-${k}`]: k,
-    [`${f}-type-${C}`]: !!C,
-    [`${f}-rtl`]: b === "rtl"
-  }, n, r, se, q), Be = Object.assign(Object.assign({}, h == null ? void 0 : h.style), o);
-  return Y(/* @__PURE__ */ l.createElement("div", Object.assign({
-    ref: t
-  }, de, {
-    className: xe,
-    style: Be
-  }), H, ae, re, L));
-});
-var ir = 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 or = (e) => {
-  const {
-    prefixCls: t,
-    className: a,
-    avatar: n,
-    title: r,
-    description: o
-  } = e, s = ir(e, ["prefixCls", "className", "avatar", "title", "description"]), {
-    getPrefixCls: i
-  } = l.useContext(ve), c = i("card", t), d = E(`${c}-meta`, a), m = n ? /* @__PURE__ */ l.createElement("div", {
-    className: `${c}-meta-avatar`
-  }, n) : null, g = r ? /* @__PURE__ */ l.createElement("div", {
-    className: `${c}-meta-title`
-  }, r) : null, v = o ? /* @__PURE__ */ l.createElement("div", {
-    className: `${c}-meta-description`
-  }, o) : null, C = g || v ? /* @__PURE__ */ l.createElement("div", {
-    className: `${c}-meta-detail`
-  }, g, v) : null;
-  return /* @__PURE__ */ l.createElement("div", Object.assign({}, s, {
-    className: d
-  }), m, C);
-}, Ue = rr;
-Ue.Grid = la;
-Ue.Meta = or;
-process.env.NODE_ENV !== "production" && (Ue.displayName = "Card");
-const Cr = Yt(Ue)`
+import { d as o } from "../styled-components.browser.esm-CZ1XM4o4.js";
+import { T as r } from "../index-CSPlXIlA.js";
+import { C as t } from "../index-BW_7pvTr.js";
+const i = o(t)`
   .ant-card-body {
     display: flex;
     flex-direction: column;
@@ -2933,7 +17,7 @@ const Cr = Yt(Ue)`
       color: red;
     }
   }
-`, xr = Yt(wa.Title)`
+`, d = o(r.Title)`
   &.ant-typography {
     color: green !important;
     margin-bottom: 14px;
@@ -2942,6 +26,6 @@ const Cr = Yt(Ue)`
   }
 `;
 export {
-  Cr as Card,
-  xr as Headline
+  i as Card,
+  d as Headline
 };