@gobolt/genesis 0.1.6 → 0.2.1

package/dist/index-BHCqeC4j.js

@@ -1,1853 +0,0 @@
-import * as c from "react";
-import ra, { createContext as ia, useState as j, useRef as U, useEffect as ce, useMemo as Tt } from "react";
-import { R as oa } from "./CloseOutlined-DzgBOns1.js";
-import { E as la, M as ca, D as sa, R as da } from "./EllipsisOutlined-BodkguEc.js";
-import { e as ve, a as I, _ as ne, f as qe, b as Y, c as J, g as De, w as ua } from "./presets-CSXMiWyc.js";
-import { I as va } from "./AntdIcon-DP6hPDqu.js";
-import { u as mt } from "./useMergedState-D1-TbeEv.js";
-import { a as fa } from "./index-DRGbc-fW.js";
-import { w as pt, b as ba, a as ma, n as gt, A as pa, p as ga, g as ha, m as $a, f as $, j as Pt, t as ya, s as Rt, o as Ue, C as Sa } from "./CSSMotionList-DB0khM6h.js";
-import { R as Xe } from "./index-CzMIlMTV.js";
-import { K as pe } from "./KeyCode-B3vHb2gY.js";
-import { d as It } from "./index-DCopujxC.js";
-import { u as _a } from "./useCSSVarCls-YfJY1twF.js";
-import { u as xa } from "./useSize-Ct1guc-z.js";
-import { g as Ca } from "./motion-C-XpKcZG.js";
-import { t as wa } from "./toArray-D5kvYi_U.js";
-import { i as ht } from "./Overflow-CVbsx7Gn.js";
-var Ea = { 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" }, Ta = function(t, a) {
-  return /* @__PURE__ */ c.createElement(va, ve({}, t, {
-    ref: a,
-    icon: Ea
-  }));
-}, Nt = /* @__PURE__ */ c.forwardRef(Ta);
-process.env.NODE_ENV !== "production" && (Nt.displayName = "PlusOutlined");
-const Oe = /* @__PURE__ */ ia(null);
-var Pa = function(t) {
-  var a = t.activeTabOffset, n = t.horizontal, r = t.rtl, o = t.indicator, l = o === void 0 ? {} : o, i = l.size, d = l.align, s = d === void 0 ? "center" : d, m = j(), b = I(m, 2), _ = b[0], R = b[1], O = U(), C = ra.useCallback(function(h) {
-    return typeof i == "function" ? i(h) : typeof i == "number" ? i : h;
-  }, [i]);
-  function z() {
-    pt.cancel(O.current);
-  }
-  return ce(function() {
-    var h = {};
-    if (a)
-      if (n) {
-        h.width = C(a.width);
-        var p = r ? "right" : "left";
-        s === "start" && (h[p] = a[p]), s === "center" && (h[p] = a[p] + a.width / 2, h.transform = r ? "translateX(50%)" : "translateX(-50%)"), s === "end" && (h[p] = a[p] + a.width, h.transform = "translateX(-100%)");
-      } else
-        h.height = C(a.height), s === "start" && (h.top = a.top), s === "center" && (h.top = a.top + a.height / 2, h.transform = "translateY(-50%)"), s === "end" && (h.top = a.top + a.height, h.transform = "translateY(-100%)");
-    return z(), O.current = pt(function() {
-      R(h);
-    }), z;
-  }, [a, n, r, s, C]), {
-    style: _
-  };
-}, $t = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0
-};
-function Ra(e, t, a) {
-  return Tt(function() {
-    for (var n, r = /* @__PURE__ */ new Map(), o = t.get((n = e[0]) === null || n === void 0 ? void 0 : n.key) || $t, l = o.left + o.width, i = 0; i < e.length; i += 1) {
-      var d = e[i].key, s = t.get(d);
-      if (!s) {
-        var m;
-        s = t.get((m = e[i - 1]) === null || m === void 0 ? void 0 : m.key) || $t;
-      }
-      var b = r.get(d) || ne({}, s);
-      b.right = l - b.left - b.width, r.set(d, b);
-    }
-    return r;
-  }, [e.map(function(n) {
-    return n.key;
-  }).join("_"), t, a]);
-}
-function yt(e, t) {
-  var a = c.useRef(e), n = c.useState({}), r = I(n, 2), o = r[1];
-  function l(i) {
-    var d = typeof i == "function" ? i(a.current) : i;
-    d !== a.current && t(d, a.current), a.current = d, o({});
-  }
-  return [a.current, l];
-}
-var Ia = 0.1, St = 0.01, ze = 20, _t = Math.pow(0.995, ze);
-function Na(e, t) {
-  var a = j(), n = I(a, 2), r = n[0], o = n[1], l = j(0), i = I(l, 2), d = i[0], s = i[1], m = j(0), b = I(m, 2), _ = b[0], R = b[1], O = j(), C = I(O, 2), z = C[0], h = C[1], p = U();
-  function P(x) {
-    var E = x.touches[0], f = E.screenX, y = E.screenY;
-    o({
-      x: f,
-      y
-    }), window.clearInterval(p.current);
-  }
-  function B(x) {
-    if (r) {
-      var E = x.touches[0], f = E.screenX, y = E.screenY;
-      o({
-        x: f,
-        y
-      });
-      var g = f - r.x, S = y - r.y;
-      t(g, S);
-      var K = Date.now();
-      s(K), R(K - d), h({
-        x: g,
-        y: S
-      });
-    }
-  }
-  function A() {
-    if (r && (o(null), h(null), z)) {
-      var x = z.x / _, E = z.y / _, f = Math.abs(x), y = Math.abs(E);
-      if (Math.max(f, y) < Ia) return;
-      var g = x, S = E;
-      p.current = window.setInterval(function() {
-        if (Math.abs(g) < St && Math.abs(S) < St) {
-          window.clearInterval(p.current);
-          return;
-        }
-        g *= _t, S *= _t, t(g * ze, S * ze);
-      }, ze);
-    }
-  }
-  var W = U();
-  function H(x) {
-    var E = x.deltaX, f = x.deltaY, y = 0, g = Math.abs(E), S = Math.abs(f);
-    g === S ? y = W.current === "x" ? E : f : g > S ? (y = E, W.current = "x") : (y = f, W.current = "y"), t(-y, -y) && x.preventDefault();
-  }
-  var L = U(null);
-  L.current = {
-    onTouchStart: P,
-    onTouchMove: B,
-    onTouchEnd: A,
-    onWheel: H
-  }, c.useEffect(function() {
-    function x(g) {
-      L.current.onTouchStart(g);
-    }
-    function E(g) {
-      L.current.onTouchMove(g);
-    }
-    function f(g) {
-      L.current.onTouchEnd(g);
-    }
-    function y(g) {
-      L.current.onWheel(g);
-    }
-    return document.addEventListener("touchmove", E, {
-      passive: !1
-    }), document.addEventListener("touchend", f, {
-      passive: !0
-    }), e.current.addEventListener("touchstart", x, {
-      passive: !0
-    }), e.current.addEventListener("wheel", y, {
-      passive: !1
-    }), function() {
-      document.removeEventListener("touchmove", E), document.removeEventListener("touchend", f);
-    };
-  }, []);
-}
-function Mt(e) {
-  var t = j(0), a = I(t, 2), n = a[0], r = a[1], o = U(0), l = U();
-  return l.current = e, ba(function() {
-    var i;
-    (i = l.current) === null || i === void 0 || i.call(l);
-  }, [n]), function() {
-    o.current === n && (o.current += 1, r(o.current));
-  };
-}
-function Ma(e) {
-  var t = U([]), a = j({}), n = I(a, 2), r = n[1], o = U(typeof e == "function" ? e() : e), l = Mt(function() {
-    var d = o.current;
-    t.current.forEach(function(s) {
-      d = s(d);
-    }), t.current = [], o.current = d, r({});
-  });
-  function i(d) {
-    t.current.push(d), l();
-  }
-  return [o.current, i];
-}
-var xt = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0,
-  right: 0
-};
-function La(e, t, a, n, r, o, l) {
-  var i = l.tabs, d = l.tabPosition, s = l.rtl, m, b, _;
-  return ["top", "bottom"].includes(d) ? (m = "width", b = s ? "right" : "left", _ = Math.abs(a)) : (m = "height", b = "top", _ = -a), Tt(function() {
-    if (!i.length)
-      return [0, 0];
-    for (var R = i.length, O = R, C = 0; C < R; C += 1) {
-      var z = e.get(i[C].key) || xt;
-      if (Math.floor(z[b] + z[m]) > Math.floor(_ + t)) {
-        O = C - 1;
-        break;
-      }
-    }
-    for (var h = 0, p = R - 1; p >= 0; p -= 1) {
-      var P = e.get(i[p].key) || xt;
-      if (P[b] < _) {
-        h = p + 1;
-        break;
-      }
-    }
-    return h >= O ? [0, 0] : [h, O];
-  }, [e, t, n, r, o, _, d, i.map(function(R) {
-    return R.key;
-  }).join("_"), s]);
-}
-function Ct(e) {
-  var t;
-  return e instanceof Map ? (t = {}, e.forEach(function(a, n) {
-    t[n] = a;
-  })) : t = e, JSON.stringify(t);
-}
-var za = "TABS_DQ";
-function Lt(e) {
-  return String(e).replace(/"/g, za);
-}
-function Ye(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 zt = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var a = e.prefixCls, n = e.editable, r = e.locale, o = e.style;
-  return !n || n.showAdd === !1 ? null : /* @__PURE__ */ c.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 || "+");
-}), Fe = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var a = e.position, n = e.prefixCls, r = e.extra;
-  if (!r)
-    return null;
-  var o, l = {};
-  return qe(r) === "object" && !/* @__PURE__ */ c.isValidElement(r) ? l = r : l.right = r, a === "right" && (o = l.right), a === "left" && (o = l.left), o ? /* @__PURE__ */ c.createElement("div", {
-    className: "".concat(n, "-extra-content"),
-    ref: t
-  }, o) : null;
-});
-process.env.NODE_ENV !== "production" && (Fe.displayName = "ExtraContent");
-var Da = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var a = e.prefixCls, n = e.id, r = e.tabs, o = e.locale, l = e.mobile, i = e.more, d = i === void 0 ? {} : i, s = e.style, m = e.className, b = e.editable, _ = e.tabBarGutter, R = e.rtl, O = e.removeAriaLabel, C = e.onTabClick, z = e.getPopupContainer, h = e.popupClassName, p = j(!1), P = I(p, 2), B = P[0], A = P[1], W = j(null), H = I(W, 2), L = H[0], x = H[1], E = d.icon, f = E === void 0 ? "More" : E, y = "".concat(n, "-more-popup"), g = "".concat(a, "-dropdown"), S = L !== null ? "".concat(y, "-").concat(L) : null, K = o == null ? void 0 : o.dropdownAriaLabel;
-  function X(w, k) {
-    w.preventDefault(), w.stopPropagation(), b.onEdit("remove", {
-      key: k,
-      event: w
-    });
-  }
-  var v = /* @__PURE__ */ c.createElement(la, {
-    onClick: function(k) {
-      var V = k.key, q = k.domEvent;
-      C(V, q), A(!1);
-    },
-    prefixCls: "".concat(g, "-menu"),
-    id: y,
-    tabIndex: -1,
-    role: "listbox",
-    "aria-activedescendant": S,
-    selectedKeys: [L],
-    "aria-label": K !== void 0 ? K : "expanded dropdown"
-  }, r.map(function(w) {
-    var k = w.closable, V = w.disabled, q = w.closeIcon, Z = w.key, re = w.label, ee = Ye(k, q, b, V);
-    return /* @__PURE__ */ c.createElement(ca, {
-      key: Z,
-      id: "".concat(y, "-").concat(Z),
-      role: "option",
-      "aria-controls": n && "".concat(n, "-panel-").concat(Z),
-      disabled: V
-    }, /* @__PURE__ */ c.createElement("span", null, re), ee && /* @__PURE__ */ c.createElement("button", {
-      type: "button",
-      "aria-label": O || "remove",
-      tabIndex: 0,
-      className: "".concat(g, "-menu-item-remove"),
-      onClick: function(be) {
-        be.stopPropagation(), X(be, Z);
-      }
-    }, q || b.removeIcon || "×"));
-  }));
-  function F(w) {
-    for (var k = r.filter(function(ee) {
-      return !ee.disabled;
-    }), V = k.findIndex(function(ee) {
-      return ee.key === L;
-    }) || 0, q = k.length, Z = 0; Z < q; Z += 1) {
-      V = (V + w + q) % q;
-      var re = k[V];
-      if (!re.disabled) {
-        x(re.key);
-        return;
-      }
-    }
-  }
-  function se(w) {
-    var k = w.which;
-    if (!B) {
-      [pe.DOWN, pe.SPACE, pe.ENTER].includes(k) && (A(!0), w.preventDefault());
-      return;
-    }
-    switch (k) {
-      case pe.UP:
-        F(-1), w.preventDefault();
-        break;
-      case pe.DOWN:
-        F(1), w.preventDefault();
-        break;
-      case pe.ESC:
-        A(!1);
-        break;
-      case pe.SPACE:
-      case pe.ENTER:
-        L !== null && C(L, w);
-        break;
-    }
-  }
-  ce(function() {
-    var w = document.getElementById(S);
-    w && w.scrollIntoView && w.scrollIntoView(!1);
-  }, [L]), ce(function() {
-    B || x(null);
-  }, [B]);
-  var G = Y({}, R ? "marginRight" : "marginLeft", _);
-  r.length || (G.visibility = "hidden", G.order = 1);
-  var Q = J(Y({}, "".concat(g, "-rtl"), R)), fe = l ? null : /* @__PURE__ */ c.createElement(sa, ve({
-    prefixCls: g,
-    overlay: v,
-    visible: r.length ? B : !1,
-    onVisibleChange: A,
-    overlayClassName: J(Q, h),
-    mouseEnterDelay: 0.1,
-    mouseLeaveDelay: 0.1,
-    getPopupContainer: z
-  }, d), /* @__PURE__ */ c.createElement("button", {
-    type: "button",
-    className: "".concat(a, "-nav-more"),
-    style: G,
-    "aria-haspopup": "listbox",
-    "aria-controls": y,
-    id: "".concat(n, "-more"),
-    "aria-expanded": B,
-    onKeyDown: se
-  }, f));
-  return /* @__PURE__ */ c.createElement("div", {
-    className: J("".concat(a, "-nav-operations"), m),
-    style: s,
-    ref: t
-  }, fe, /* @__PURE__ */ c.createElement(zt, {
-    prefixCls: a,
-    locale: o,
-    editable: b
-  }));
-});
-const Oa = /* @__PURE__ */ c.memo(Da, 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 Ba = function(t) {
-  var a = t.prefixCls, n = t.id, r = t.active, o = t.focus, l = t.tab, i = l.key, d = l.label, s = l.disabled, m = l.closeIcon, b = l.icon, _ = t.closable, R = t.renderWrapper, O = t.removeAriaLabel, C = t.editable, z = t.onClick, h = t.onFocus, p = t.onBlur, P = t.onKeyDown, B = t.onMouseDown, A = t.onMouseUp, W = t.style, H = t.tabCount, L = t.currentPosition, x = "".concat(a, "-tab"), E = Ye(_, m, C, s);
-  function f(X) {
-    s || z(X);
-  }
-  function y(X) {
-    X.preventDefault(), X.stopPropagation(), C.onEdit("remove", {
-      key: i,
-      event: X
-    });
-  }
-  var g = c.useMemo(function() {
-    return b && typeof d == "string" ? /* @__PURE__ */ c.createElement("span", null, d) : d;
-  }, [d, b]), S = c.useRef(null);
-  c.useEffect(function() {
-    o && S.current && S.current.focus();
-  }, [o]);
-  var K = /* @__PURE__ */ c.createElement("div", {
-    key: i,
-    "data-node-key": Lt(i),
-    className: J(x, Y(Y(Y(Y({}, "".concat(x, "-with-remove"), E), "".concat(x, "-active"), r), "".concat(x, "-disabled"), s), "".concat(x, "-focus"), o)),
-    style: W,
-    onClick: f
-  }, /* @__PURE__ */ c.createElement("div", {
-    ref: S,
-    role: "tab",
-    "aria-selected": r,
-    id: n && "".concat(n, "-tab-").concat(i),
-    className: "".concat(x, "-btn"),
-    "aria-controls": n && "".concat(n, "-panel-").concat(i),
-    "aria-disabled": s,
-    tabIndex: s ? null : r ? 0 : -1,
-    onClick: function(v) {
-      v.stopPropagation(), f(v);
-    },
-    onKeyDown: P,
-    onMouseDown: B,
-    onMouseUp: A,
-    onFocus: h,
-    onBlur: p
-  }, o && /* @__PURE__ */ c.createElement("div", {
-    "aria-live": "polite",
-    style: {
-      width: 0,
-      height: 0,
-      position: "absolute",
-      overflow: "hidden",
-      opacity: 0
-    }
-  }, "Tab ".concat(L, " of ").concat(H)), b && /* @__PURE__ */ c.createElement("span", {
-    className: "".concat(x, "-icon")
-  }, b), d && g), E && /* @__PURE__ */ c.createElement("button", {
-    type: "button",
-    role: "tab",
-    "aria-label": O || "remove",
-    tabIndex: r ? 0 : -1,
-    className: "".concat(x, "-remove"),
-    onClick: function(v) {
-      v.stopPropagation(), y(v);
-    }
-  }, m || C.removeIcon || "×"));
-  return R ? R(K) : K;
-}, ka = function(t, a) {
-  var n = t.offsetWidth, r = t.offsetHeight, o = t.offsetTop, l = t.offsetLeft, i = t.getBoundingClientRect(), d = i.width, s = i.height, m = i.left, b = i.top;
-  return Math.abs(d - n) < 1 ? [d, s, m - a.left, b - a.top] : [n, r, l, o];
-}, Ce = 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 i = t.current.getBoundingClientRect(), d = i.width, s = i.height;
-    if (Math.abs(d - r) < 1)
-      return [d, s];
-  }
-  return [r, l];
-}, Le = function(t, a) {
-  return t[a ? 0 : 1];
-}, wt = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var a = e.className, n = e.style, r = e.id, o = e.animated, l = e.activeKey, i = e.rtl, d = e.extra, s = e.editable, m = e.locale, b = e.tabPosition, _ = e.tabBarGutter, R = e.children, O = e.onTabClick, C = e.onTabScroll, z = e.indicator, h = c.useContext(Oe), p = h.prefixCls, P = h.tabs, B = U(null), A = U(null), W = U(null), H = U(null), L = U(null), x = U(null), E = U(null), f = b === "top" || b === "bottom", y = yt(0, function(T, u) {
-    f && C && C({
-      direction: T > u ? "left" : "right"
-    });
-  }), g = I(y, 2), S = g[0], K = g[1], X = yt(0, function(T, u) {
-    !f && C && C({
-      direction: T > u ? "top" : "bottom"
-    });
-  }), v = I(X, 2), F = v[0], se = v[1], G = j([0, 0]), Q = I(G, 2), fe = Q[0], w = Q[1], k = j([0, 0]), V = I(k, 2), q = V[0], Z = V[1], re = j([0, 0]), ee = I(re, 2), he = ee[0], be = ee[1], oe = j([0, 0]), $e = I(oe, 2), N = $e[0], de = $e[1], we = Ma(/* @__PURE__ */ new Map()), Ze = I(we, 2), At = Ze[0], Wt = Ze[1], Re = Ra(P, At, q[0]), Be = Le(fe, f), Ee = Le(q, f), ke = Le(he, f), Je = Le(N, f), et = Math.floor(Be) < Math.floor(Ee + ke), le = et ? Be - Je : Be - ke, Ht = "".concat(p, "-nav-operations-hidden"), me = 0, ge = 0;
-  f && i ? (me = 0, ge = Math.max(0, Ee - le)) : (me = Math.min(0, le - Ee), ge = 0);
-  function Ae(T) {
-    return T < me ? me : T > ge ? ge : T;
-  }
-  var We = U(null), jt = j(), tt = I(jt, 2), Ie = tt[0], at = tt[1];
-  function He() {
-    at(Date.now());
-  }
-  function je() {
-    We.current && clearTimeout(We.current);
-  }
-  Na(H, function(T, u) {
-    function M(D, ie) {
-      D(function(te) {
-        var _e = Ae(te + ie);
-        return _e;
-      });
-    }
-    return et ? (f ? M(K, T) : M(se, u), je(), He(), !0) : !1;
-  }), ce(function() {
-    return je(), Ie && (We.current = setTimeout(function() {
-      at(0);
-    }, 100)), je;
-  }, [Ie]);
-  var Gt = La(
-    Re,
-    // Container
-    le,
-    // Transform
-    f ? S : F,
-    // Tabs
-    Ee,
-    // Add
-    ke,
-    // Operation
-    Je,
-    ne(ne({}, e), {}, {
-      tabs: P
-    })
-  ), nt = I(Gt, 2), Vt = nt[0], Kt = nt[1], rt = ma(function() {
-    var T = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : l, u = Re.get(T) || {
-      width: 0,
-      height: 0,
-      left: 0,
-      right: 0,
-      top: 0
-    };
-    if (f) {
-      var M = S;
-      i ? u.right < S ? M = u.right : u.right + u.width > S + le && (M = u.right + u.width - le) : u.left < -S ? M = -u.left : u.left + u.width > -S + le && (M = -(u.left + u.width - le)), se(0), K(Ae(M));
-    } else {
-      var D = F;
-      u.top < -F ? D = -u.top : u.top + u.height > -F + le && (D = -(u.top + u.height - le)), K(0), se(Ae(D));
-    }
-  }), Xt = j(), it = I(Xt, 2), ye = it[0], Te = it[1], Ut = j(!1), ot = I(Ut, 2), Ft = ot[0], lt = ot[1], ue = P.filter(function(T) {
-    return !T.disabled;
-  }).map(function(T) {
-    return T.key;
-  }), Se = function(u) {
-    var M = ue.indexOf(ye || l), D = ue.length, ie = (M + u + D) % D, te = ue[ie];
-    Te(te);
-  }, qt = function(u) {
-    var M = u.code, D = i && f, ie = ue[0], te = ue[ue.length - 1];
-    switch (M) {
-      // LEFT
-      case "ArrowLeft": {
-        f && Se(D ? 1 : -1);
-        break;
-      }
-      // RIGHT
-      case "ArrowRight": {
-        f && Se(D ? -1 : 1);
-        break;
-      }
-      // UP
-      case "ArrowUp": {
-        u.preventDefault(), f || Se(-1);
-        break;
-      }
-      // DOWN
-      case "ArrowDown": {
-        u.preventDefault(), f || Se(1);
-        break;
-      }
-      // HOME
-      case "Home": {
-        u.preventDefault(), Te(ie);
-        break;
-      }
-      // END
-      case "End": {
-        u.preventDefault(), Te(te);
-        break;
-      }
-      // Enter & Space
-      case "Enter":
-      case "Space": {
-        u.preventDefault(), O(ye, u);
-        break;
-      }
-      // Backspace
-      case "Backspace":
-      case "Delete": {
-        var _e = ue.indexOf(ye), ae = P.find(function(xe) {
-          return xe.key === ye;
-        }), Ke = Ye(ae == null ? void 0 : ae.closable, ae == null ? void 0 : ae.closeIcon, s, ae == null ? void 0 : ae.disabled);
-        Ke && (u.preventDefault(), u.stopPropagation(), s.onEdit("remove", {
-          key: ye,
-          event: u
-        }), _e === ue.length - 1 ? Se(-1) : Se(1));
-        break;
-      }
-    }
-  }, Ne = {};
-  f ? Ne[i ? "marginRight" : "marginLeft"] = _ : Ne.marginTop = _;
-  var ct = P.map(function(T, u) {
-    var M = T.key;
-    return /* @__PURE__ */ c.createElement(Ba, {
-      id: r,
-      prefixCls: p,
-      key: M,
-      tab: T,
-      style: u === 0 ? void 0 : Ne,
-      closable: T.closable,
-      editable: s,
-      active: M === l,
-      focus: M === ye,
-      renderWrapper: R,
-      removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-      tabCount: ue.length,
-      currentPosition: u + 1,
-      onClick: function(ie) {
-        O(M, ie);
-      },
-      onKeyDown: qt,
-      onFocus: function() {
-        Ft || Te(M), rt(M), He(), H.current && (i || (H.current.scrollLeft = 0), H.current.scrollTop = 0);
-      },
-      onBlur: function() {
-        Te(void 0);
-      },
-      onMouseDown: function() {
-        lt(!0);
-      },
-      onMouseUp: function() {
-        lt(!1);
-      }
-    });
-  }), st = function() {
-    return Wt(function() {
-      var u, M = /* @__PURE__ */ new Map(), D = (u = L.current) === null || u === void 0 ? void 0 : u.getBoundingClientRect();
-      return P.forEach(function(ie) {
-        var te, _e = ie.key, ae = (te = L.current) === null || te === void 0 ? void 0 : te.querySelector('[data-node-key="'.concat(Lt(_e), '"]'));
-        if (ae) {
-          var Ke = ka(ae, D), xe = I(Ke, 4), ea = xe[0], ta = xe[1], aa = xe[2], na = xe[3];
-          M.set(_e, {
-            width: ea,
-            height: ta,
-            left: aa,
-            top: na
-          });
-        }
-      }), M;
-    });
-  };
-  ce(function() {
-    st();
-  }, [P.map(function(T) {
-    return T.key;
-  }).join("_")]);
-  var Me = Mt(function() {
-    var T = Ce(B), u = Ce(A), M = Ce(W);
-    w([T[0] - u[0] - M[0], T[1] - u[1] - M[1]]);
-    var D = Ce(E);
-    be(D);
-    var ie = Ce(x);
-    de(ie);
-    var te = Ce(L);
-    Z([te[0] - D[0], te[1] - D[1]]), st();
-  }), Yt = P.slice(0, Vt), Qt = P.slice(Kt + 1), dt = [].concat(gt(Yt), gt(Qt)), ut = Re.get(l), Zt = Pa({
-    activeTabOffset: ut,
-    horizontal: f,
-    indicator: z,
-    rtl: i
-  }), Jt = Zt.style;
-  ce(function() {
-    rt();
-  }, [l, me, ge, Ct(ut), Ct(Re), f]), ce(function() {
-    Me();
-  }, [i]);
-  var vt = !!dt.length, Pe = "".concat(p, "-nav-wrap"), Ge, Ve, ft, bt;
-  return f ? i ? (Ve = S > 0, Ge = S !== ge) : (Ge = S < 0, Ve = S !== me) : (ft = F < 0, bt = F !== me), /* @__PURE__ */ c.createElement(Xe, {
-    onResize: Me
-  }, /* @__PURE__ */ c.createElement("div", {
-    ref: pa(t, B),
-    role: "tablist",
-    "aria-orientation": f ? "horizontal" : "vertical",
-    className: J("".concat(p, "-nav"), a),
-    style: n,
-    onKeyDown: function() {
-      He();
-    }
-  }, /* @__PURE__ */ c.createElement(Fe, {
-    ref: A,
-    position: "left",
-    extra: d,
-    prefixCls: p
-  }), /* @__PURE__ */ c.createElement(Xe, {
-    onResize: Me
-  }, /* @__PURE__ */ c.createElement("div", {
-    className: J(Pe, Y(Y(Y(Y({}, "".concat(Pe, "-ping-left"), Ge), "".concat(Pe, "-ping-right"), Ve), "".concat(Pe, "-ping-top"), ft), "".concat(Pe, "-ping-bottom"), bt)),
-    ref: H
-  }, /* @__PURE__ */ c.createElement(Xe, {
-    onResize: Me
-  }, /* @__PURE__ */ c.createElement("div", {
-    ref: L,
-    className: "".concat(p, "-nav-list"),
-    style: {
-      transform: "translate(".concat(S, "px, ").concat(F, "px)"),
-      transition: Ie ? "none" : void 0
-    }
-  }, ct, /* @__PURE__ */ c.createElement(zt, {
-    ref: E,
-    prefixCls: p,
-    locale: m,
-    editable: s,
-    style: ne(ne({}, ct.length === 0 ? void 0 : Ne), {}, {
-      visibility: vt ? "hidden" : null
-    })
-  }), /* @__PURE__ */ c.createElement("div", {
-    className: J("".concat(p, "-ink-bar"), Y({}, "".concat(p, "-ink-bar-animated"), o.inkBar)),
-    style: Jt
-  }))))), /* @__PURE__ */ c.createElement(Oa, ve({}, e, {
-    removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-    ref: x,
-    prefixCls: p,
-    tabs: dt,
-    className: !vt && Ht,
-    tabMoving: !!Ie
-  })), /* @__PURE__ */ c.createElement(Fe, {
-    ref: W,
-    position: "right",
-    extra: d,
-    prefixCls: p
-  })));
-}), Qe = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var a = e.prefixCls, n = e.className, r = e.style, o = e.id, l = e.active, i = e.tabKey, d = e.children;
-  return /* @__PURE__ */ c.createElement("div", {
-    id: o && "".concat(o, "-panel-").concat(i),
-    role: "tabpanel",
-    tabIndex: l ? 0 : -1,
-    "aria-labelledby": o && "".concat(o, "-tab-").concat(i),
-    "aria-hidden": !l,
-    style: r,
-    className: J(a, l && "".concat(a, "-active"), n),
-    ref: t
-  }, d);
-});
-process.env.NODE_ENV !== "production" && (Qe.displayName = "TabPane");
-var Aa = ["renderTabBar"], Wa = ["label", "key"], Dt = function(t) {
-  var a = t.renderTabBar, n = De(t, Aa), r = c.useContext(Oe), o = r.tabs;
-  if (a) {
-    var l = ne(ne({}, n), {}, {
-      // Legacy support. We do not use this actually
-      panes: o.map(function(i) {
-        var d = i.label, s = i.key, m = De(i, Wa);
-        return /* @__PURE__ */ c.createElement(Qe, ve({
-          tab: d,
-          key: s,
-          tabKey: s
-        }, m));
-      })
-    });
-    return a(l, wt);
-  }
-  return /* @__PURE__ */ c.createElement(wt, n);
-};
-process.env.NODE_ENV !== "production" && (Dt.displayName = "TabNavListWrapper");
-var Ha = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"], ja = function(t) {
-  var a = t.id, n = t.activeKey, r = t.animated, o = t.tabPosition, l = t.destroyInactiveTabPane, i = c.useContext(Oe), d = i.prefixCls, s = i.tabs, m = r.tabPane, b = "".concat(d, "-tabpane");
-  return /* @__PURE__ */ c.createElement("div", {
-    className: J("".concat(d, "-content-holder"))
-  }, /* @__PURE__ */ c.createElement("div", {
-    className: J("".concat(d, "-content"), "".concat(d, "-content-").concat(o), Y({}, "".concat(d, "-content-animated"), m))
-  }, s.map(function(_) {
-    var R = _.key, O = _.forceRender, C = _.style, z = _.className, h = _.destroyInactiveTabPane, p = De(_, Ha), P = R === n;
-    return /* @__PURE__ */ c.createElement(ga, ve({
-      key: R,
-      visible: P,
-      forceRender: O,
-      removeOnLeave: !!(l || h),
-      leavedClassName: "".concat(b, "-hidden")
-    }, r.tabPaneMotion), function(B, A) {
-      var W = B.style, H = B.className;
-      return /* @__PURE__ */ c.createElement(Qe, ve({}, p, {
-        prefixCls: b,
-        id: a,
-        tabKey: R,
-        animated: m,
-        active: P,
-        style: ne(ne({}, C), W),
-        className: J(z, H),
-        ref: A
-      }));
-    });
-  })));
-};
-function Ga() {
-  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 = ne({
-    inkBar: !0
-  }, qe(e) === "object" ? e : {}), t.tabPaneMotion && t.tabPane === void 0 && (t.tabPane = !0), !t.tabPaneMotion && t.tabPane && (process.env.NODE_ENV !== "production" && ua(!1, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work."), t.tabPane = !1), t;
-}
-var Va = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], Et = 0, Ot = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var a = e.id, n = e.prefixCls, r = n === void 0 ? "rc-tabs" : n, o = e.className, l = e.items, i = e.direction, d = e.activeKey, s = e.defaultActiveKey, m = e.editable, b = e.animated, _ = e.tabPosition, R = _ === void 0 ? "top" : _, O = e.tabBarGutter, C = e.tabBarStyle, z = e.tabBarExtraContent, h = e.locale, p = e.more, P = e.destroyInactiveTabPane, B = e.renderTabBar, A = e.onChange, W = e.onTabClick, H = e.onTabScroll, L = e.getPopupContainer, x = e.popupClassName, E = e.indicator, f = De(e, Va), y = c.useMemo(function() {
-    return (l || []).filter(function(N) {
-      return N && qe(N) === "object" && "key" in N;
-    });
-  }, [l]), g = i === "rtl", S = Ga(b), K = j(!1), X = I(K, 2), v = X[0], F = X[1];
-  ce(function() {
-    F(fa());
-  }, []);
-  var se = mt(function() {
-    var N;
-    return (N = y[0]) === null || N === void 0 ? void 0 : N.key;
-  }, {
-    value: d,
-    defaultValue: s
-  }), G = I(se, 2), Q = G[0], fe = G[1], w = j(function() {
-    return y.findIndex(function(N) {
-      return N.key === Q;
-    });
-  }), k = I(w, 2), V = k[0], q = k[1];
-  ce(function() {
-    var N = y.findIndex(function(we) {
-      return we.key === Q;
-    });
-    if (N === -1) {
-      var de;
-      N = Math.max(0, Math.min(V, y.length - 1)), fe((de = y[N]) === null || de === void 0 ? void 0 : de.key);
-    }
-    q(N);
-  }, [y.map(function(N) {
-    return N.key;
-  }).join("_"), Q, V]);
-  var Z = mt(null, {
-    value: a
-  }), re = I(Z, 2), ee = re[0], he = re[1];
-  ce(function() {
-    a || (he("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : Et)), Et += 1);
-  }, []);
-  function be(N, de) {
-    W == null || W(N, de);
-    var we = N !== Q;
-    fe(N), we && (A == null || A(N));
-  }
-  var oe = {
-    id: ee,
-    activeKey: Q,
-    animated: S,
-    tabPosition: R,
-    rtl: g,
-    mobile: v
-  }, $e = ne(ne({}, oe), {}, {
-    editable: m,
-    locale: h,
-    more: p,
-    tabBarGutter: O,
-    onTabClick: be,
-    onTabScroll: H,
-    extra: z,
-    style: C,
-    panes: null,
-    getPopupContainer: L,
-    popupClassName: x,
-    indicator: E
-  });
-  return /* @__PURE__ */ c.createElement(Oe.Provider, {
-    value: {
-      tabs: y,
-      prefixCls: r
-    }
-  }, /* @__PURE__ */ c.createElement("div", ve({
-    ref: t,
-    id: a,
-    className: J(r, "".concat(r, "-").concat(R), Y(Y(Y({}, "".concat(r, "-mobile"), v), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), g), o)
-  }, f), /* @__PURE__ */ c.createElement(Dt, ve({}, $e, {
-    renderTabBar: B
-  })), /* @__PURE__ */ c.createElement(ja, ve({
-    destroyInactiveTabPane: P
-  }, oe, {
-    animated: S
-  }))));
-});
-process.env.NODE_ENV !== "production" && (Ot.displayName = "Tabs");
-const Ka = {
-  motionAppear: !1,
-  motionEnter: !0,
-  motionLeave: !0
-};
-function Xa(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({}, Ka), {
-    motionName: Ca(e, "switch")
-  })), a;
-}
-var Ua = 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 Fa(e) {
-  return e.filter((t) => t);
-}
-function qa(e, t) {
-  if (process.env.NODE_ENV !== "production" && It("Tabs").deprecated(!t, "Tabs.TabPane", "items"), e)
-    return e;
-  const a = wa(t).map((n) => {
-    if (/* @__PURE__ */ c.isValidElement(n)) {
-      const {
-        key: r,
-        props: o
-      } = n, l = o || {}, {
-        tab: i
-      } = l, d = Ua(l, ["tab"]);
-      return Object.assign(Object.assign({
-        key: String(r)
-      }, d), {
-        label: i
-      });
-    }
-    return null;
-  });
-  return Fa(a);
-}
-const Ya = (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
-    [ht(e, "slide-up"), ht(e, "slide-down")]
-  ];
-}, Qa = (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: `${$(e.lineWidth)} ${e.lineType} ${o}`,
-          transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`
-        },
-        [`${t}-tab-active`]: {
-          color: l,
-          background: e.colorBgContainer
-        },
-        [`${t}-tab-focus`]: Object.assign({}, Rt(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: $(r)
-            }
-          }
-        }
-      },
-      [`&${t}-top`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: `${$(e.borderRadiusLG)} ${$(e.borderRadiusLG)} 0 0`
-          },
-          [`${t}-tab-active`]: {
-            borderBottomColor: e.colorBgContainer
-          }
-        }
-      },
-      [`&${t}-bottom`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: `0 0 ${$(e.borderRadiusLG)} ${$(e.borderRadiusLG)}`
-          },
-          [`${t}-tab-active`]: {
-            borderTopColor: e.colorBgContainer
-          }
-        }
-      },
-      // ========================== Left & Right ==========================
-      [`&${t}-left, &${t}-right`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab + ${t}-tab`]: {
-            marginTop: $(r)
-          }
-        }
-      },
-      [`&${t}-left`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `${$(e.borderRadiusLG)} 0 0 ${$(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 ${$(e.borderRadiusLG)} ${$(e.borderRadiusLG)} 0`
-            }
-          },
-          [`${t}-tab-active`]: {
-            borderLeftColor: {
-              _skip_check_: !0,
-              value: e.colorBgContainer
-            }
-          }
-        }
-      }
-    }
-  };
-}, Za = (e) => {
-  const {
-    componentCls: t,
-    itemHoverColor: a,
-    dropdownEdgeChildVerticalPadding: n
-  } = e;
-  return {
-    [`${t}-dropdown`]: Object.assign(Object.assign({}, Pt(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: `${$(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({}, ya), {
-          display: "flex",
-          alignItems: "center",
-          minWidth: e.tabsDropdownWidth,
-          margin: 0,
-          padding: `${$(e.paddingXXS)} ${$(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"
-            }
-          }
-        })
-      }
-    })
-  };
-}, Ja = (e) => {
-  const {
-    componentCls: t,
-    margin: a,
-    colorBorderSecondary: n,
-    horizontalMargin: r,
-    verticalItemPadding: o,
-    verticalItemMargin: l,
-    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: `${$(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: 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: $(i(e.lineWidth).mul(-1).equal())
-        },
-        borderLeft: {
-          _skip_check_: !0,
-          value: `${$(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: `${$(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
-        },
-        [`> ${t}-content > ${t}-tabpane`]: {
-          paddingRight: {
-            _skip_check_: !0,
-            value: e.paddingLG
-          }
-        }
-      }
-    }
-  };
-}, en = (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 ${$(e.borderRadius)} ${$(e.borderRadius)}`
-          }
-        },
-        [`&${t}-top`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: `${$(e.borderRadius)} ${$(e.borderRadius)} 0 0`
-          }
-        },
-        [`&${t}-right`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `0 ${$(e.borderRadius)} ${$(e.borderRadius)} 0`
-            }
-          }
-        },
-        [`&${t}-left`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `${$(e.borderRadius)} 0 0 ${$(e.borderRadius)}`
-            }
-          }
-        }
-      },
-      [`&${t}-large`]: {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: n
-          }
-        }
-      }
-    }
-  };
-}, tn = (e) => {
-  const {
-    componentCls: t,
-    itemActiveColor: a,
-    itemHoverColor: n,
-    iconCls: r,
-    tabsHorizontalItemMargin: o,
-    horizontalItemPadding: l,
-    itemSelectedColor: i,
-    itemColor: d
-  } = e, s = `${t}-tab`;
-  return {
-    [s]: {
-      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: d,
-      "&-btn, &-remove": {
-        "&:focus:not(:focus-visible), &:active": {
-          color: a
-        }
-      },
-      "&-btn": {
-        outline: "none",
-        transition: `all ${e.motionDurationSlow}`,
-        [`${s}-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
-        }
-      }, Ue(e)),
-      "&:hover": {
-        color: n
-      },
-      [`&${s}-active ${s}-btn`]: {
-        color: i,
-        textShadow: e.tabsActiveTextShadow
-      },
-      [`&${s}-focus ${s}-btn`]: Object.assign({}, Rt(e)),
-      [`&${s}-disabled`]: {
-        color: e.colorTextDisabled,
-        cursor: "not-allowed"
-      },
-      [`&${s}-disabled ${s}-btn, &${s}-disabled ${t}-remove`]: {
-        "&:focus, &:active": {
-          color: e.colorTextDisabled
-        }
-      },
-      [`& ${s}-remove ${r}`]: {
-        margin: 0
-      },
-      [`${r}:not(:last-child)`]: {
-        marginRight: {
-          _skip_check_: !0,
-          value: e.marginSM
-        }
-      }
-    },
-    [`${s} + ${s}`]: {
-      margin: {
-        _skip_check_: !0,
-        value: o
-      }
-    }
-  };
-}, an = (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: $(e.marginSM)
-            }
-          },
-          [`${t}-tab-remove`]: {
-            marginRight: {
-              _skip_check_: !0,
-              value: $(e.marginXS)
-            },
-            marginLeft: {
-              _skip_check_: !0,
-              value: $(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"
-        }
-      }
-    }
-  };
-}, nn = (e) => {
-  const {
-    componentCls: t,
-    tabsCardPadding: a,
-    cardHeight: n,
-    cardGutter: r,
-    itemHoverColor: o,
-    itemActiveColor: l,
-    colorBorderSecondary: i
-  } = e;
-  return {
-    [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, Pt(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: $(e.paddingXS),
-          background: "transparent",
-          border: `${$(e.lineWidth)} ${e.lineType} ${i}`,
-          borderRadius: `${$(e.borderRadiusLG)} ${$(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
-          }
-        }, Ue(e, -3))
-      },
-      [`${t}-extra-content`]: {
-        flex: "none"
-      },
-      // ============================ InkBar ============================
-      [`${t}-ink-bar`]: {
-        position: "absolute",
-        background: e.inkBarColor,
-        pointerEvents: "none"
-      }
-    }), tn(e)), {
-      // =========================== TabPanes ===========================
-      [`${t}-content`]: {
-        position: "relative",
-        width: "100%"
-      },
-      [`${t}-content-holder`]: {
-        flex: "auto",
-        minWidth: 0,
-        minHeight: 0
-      },
-      [`${t}-tabpane`]: Object.assign(Object.assign({}, Ue(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"
-          }
-        }
-      }
-    }
-  };
-}, rn = (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
-  };
-}, on = ha("Tabs", (e) => {
-  const t = $a(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 ${$(e.horizontalItemGutter)}`,
-    tabsHorizontalItemMarginRTL: `0 0 0 ${$(e.horizontalItemGutter)}`
-  });
-  return [en(t), an(t), Ja(t), Za(t), Qa(t), nn(t), Ya(t)];
-}, rn), Bt = () => null;
-process.env.NODE_ENV !== "production" && (Bt.displayName = "DeprecatedTabPane");
-var ln = 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 kt = (e) => {
-  var t, a, n, r, o, l, i, d, s, m, b;
-  const {
-    type: _,
-    className: R,
-    rootClassName: O,
-    size: C,
-    onEdit: z,
-    hideAdd: h,
-    centered: p,
-    addIcon: P,
-    removeIcon: B,
-    moreIcon: A,
-    more: W,
-    popupClassName: H,
-    children: L,
-    items: x,
-    animated: E,
-    style: f,
-    indicatorSize: y,
-    indicator: g
-  } = e, S = ln(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]), {
-    prefixCls: K
-  } = S, {
-    direction: X,
-    tabs: v,
-    getPrefixCls: F,
-    getPopupContainer: se
-  } = c.useContext(Sa), G = F("tabs", K), Q = _a(G), [fe, w, k] = on(G, Q);
-  let V;
-  _ === "editable-card" && (V = {
-    onEdit: (oe, $e) => {
-      let {
-        key: N,
-        event: de
-      } = $e;
-      z == null || z(oe === "add" ? de : N, oe);
-    },
-    removeIcon: (t = B ?? (v == null ? void 0 : v.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ c.createElement(oa, null),
-    addIcon: (P ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ c.createElement(Nt, null),
-    showAdd: h !== !0
-  });
-  const q = F();
-  if (process.env.NODE_ENV !== "production") {
-    const oe = It("Tabs");
-    process.env.NODE_ENV !== "production" && oe(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && oe(!(y || v != null && v.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
-  }
-  const Z = xa(C), re = qa(x, L), ee = Xa(G, E), he = Object.assign(Object.assign({}, v == null ? void 0 : v.style), f), be = {
-    align: (a = g == null ? void 0 : g.align) !== null && a !== void 0 ? a : (n = v == null ? void 0 : v.indicator) === null || n === void 0 ? void 0 : n.align,
-    size: (i = (o = (r = g == null ? void 0 : g.size) !== null && r !== void 0 ? r : y) !== null && o !== void 0 ? o : (l = v == null ? void 0 : v.indicator) === null || l === void 0 ? void 0 : l.size) !== null && i !== void 0 ? i : v == null ? void 0 : v.indicatorSize
-  };
-  return fe(/* @__PURE__ */ c.createElement(Ot, Object.assign({
-    direction: X,
-    getPopupContainer: se
-  }, S, {
-    items: re,
-    className: J({
-      [`${G}-${Z}`]: Z,
-      [`${G}-card`]: ["card", "editable-card"].includes(_),
-      [`${G}-editable-card`]: _ === "editable-card",
-      [`${G}-centered`]: p
-    }, v == null ? void 0 : v.className, R, O, w, k, Q),
-    popupClassName: J(H, w, k, Q),
-    style: he,
-    editable: V,
-    more: Object.assign({
-      icon: (b = (m = (s = (d = v == null ? void 0 : v.more) === null || d === void 0 ? void 0 : d.icon) !== null && s !== void 0 ? s : v == null ? void 0 : v.moreIcon) !== null && m !== void 0 ? m : A) !== null && b !== void 0 ? b : /* @__PURE__ */ c.createElement(da, null),
-      transitionName: `${q}-slide-up`
-    }, W),
-    prefixCls: G,
-    animated: ee,
-    indicator: be
-  })));
-};
-kt.TabPane = Bt;
-process.env.NODE_ENV !== "production" && (kt.displayName = "Tabs");
-export {
-  Nt as R,
-  kt as T
-};