@gobolt/genesis 0.0.10 → 0.1.0

package/dist/index-B_1Ge8na.js

@@ -0,0 +1,1846 @@
+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-ogxnm7Oy.js";
+import { E as la, M as ca, D as da, R as sa } from "./EllipsisOutlined-DGMph0Bj.js";
+import { d as fe, a as I, _ as ne, f as qe, b as Y, e as J, g as De, w as ua } from "./presets-Djh_L_6R.js";
+import { I as fa } from "./AntdIcon-nCNB0J1E.js";
+import { u as mt } from "./useMergedState-D6toxSxh.js";
+import { a as va } from "./index-D0U6r5O7.js";
+import { F as pt, b as ba, a as ma, o as gt, B as pa, s as ga, g as Pt, j as ha, m as $a, f as $, w as Rt, k as It, v as ya, p as Ue, C as Sa } from "./index-BbTV2Cw5.js";
+import { R as Xe } from "./index-BQM5OniU.js";
+import { K as pe } from "./KeyCode-DM2sFh3-.js";
+import { u as _a } from "./useCSSVarCls-Dau77fzS.js";
+import { u as xa } from "./useSize-DSq4r6zy.js";
+import { g as Ca } from "./motion-CUN72xsH.js";
+import { t as wa } from "./toArray-U3Az44CO.js";
+import "./index-DLdU7Tpd.js";
+import { i as ht } from "./Overflow-DWf4XIal.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(fa, fe({}, 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, s = l.align, d = s === void 0 ? "center" : s, 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";
+        d === "start" && (h[p] = a[p]), d === "center" && (h[p] = a[p] + a.width / 2, h.transform = r ? "translateX(50%)" : "translateX(-50%)"), d === "end" && (h[p] = a[p] + a.width, h.transform = "translateX(-100%)");
+      } else
+        h.height = C(a.height), d === "start" && (h.top = a.top), d === "center" && (h.top = a.top + a.height / 2, h.transform = "translateY(-50%)"), d === "end" && (h.top = a.top + a.height, h.transform = "translateY(-100%)");
+    return z(), O.current = pt(function() {
+      R(h);
+    }), z;
+  }, [a, n, r, d, 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 s = e[i].key, d = t.get(s);
+      if (!d) {
+        var m;
+        d = t.get((m = e[i - 1]) === null || m === void 0 ? void 0 : m.key) || $t;
+      }
+      var b = r.get(s) || ne({}, d);
+      b.right = l - b.left - b.width, r.set(s, 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 s = typeof i == "function" ? i(a.current) : i;
+    s !== a.current && t(s, a.current), a.current = s, 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), s = i[0], d = 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], v = E.screenX, y = E.screenY;
+    o({
+      x: v,
+      y
+    }), window.clearInterval(p.current);
+  }
+  function B(x) {
+    if (r) {
+      var E = x.touches[0], v = E.screenX, y = E.screenY;
+      o({
+        x: v,
+        y
+      });
+      var g = v - r.x, S = y - r.y;
+      t(g, S);
+      var K = Date.now();
+      d(K), R(K - s), h({
+        x: g,
+        y: S
+      });
+    }
+  }
+  function A() {
+    if (r && (o(null), h(null), z)) {
+      var x = z.x / _, E = z.y / _, v = Math.abs(x), y = Math.abs(E);
+      if (Math.max(v, 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, v = x.deltaY, y = 0, g = Math.abs(E), S = Math.abs(v);
+    g === S ? y = W.current === "x" ? E : v : g > S ? (y = E, W.current = "x") : (y = v, 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 v(g) {
+      L.current.onTouchEnd(g);
+    }
+    function y(g) {
+      L.current.onWheel(g);
+    }
+    return document.addEventListener("touchmove", E, {
+      passive: !1
+    }), document.addEventListener("touchend", v, {
+      passive: !0
+    }), e.current.addEventListener("touchstart", x, {
+      passive: !0
+    }), e.current.addEventListener("wheel", y, {
+      passive: !1
+    }), function() {
+      document.removeEventListener("touchmove", E), document.removeEventListener("touchend", v);
+    };
+  }, []);
+}
+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 s = o.current;
+    t.current.forEach(function(d) {
+      s = d(s);
+    }), t.current = [], o.current = s, r({});
+  });
+  function i(s) {
+    t.current.push(s), 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, s = l.tabPosition, d = l.rtl, m, b, _;
+  return ["top", "bottom"].includes(s) ? (m = "width", b = d ? "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, _, s, i.map(function(R) {
+    return R.key;
+  }).join("_"), d]);
+}
+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, s = i === void 0 ? {} : i, d = 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 = s.icon, v = 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 f = /* @__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 de(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)), ve = l ? null : /* @__PURE__ */ c.createElement(da, fe({
+    prefixCls: g,
+    overlay: f,
+    visible: r.length ? B : !1,
+    onVisibleChange: A,
+    overlayClassName: J(Q, h),
+    mouseEnterDelay: 0.1,
+    mouseLeaveDelay: 0.1,
+    getPopupContainer: z
+  }, s), /* @__PURE__ */ c.createElement("button", {
+    type: "button",
+    className: "".concat(a, "-nav-more"),
+    style: G,
+    tabIndex: -1,
+    "aria-hidden": "true",
+    "aria-haspopup": "listbox",
+    "aria-controls": y,
+    id: "".concat(n, "-more"),
+    "aria-expanded": B,
+    onKeyDown: de
+  }, v));
+  return /* @__PURE__ */ c.createElement("div", {
+    className: J("".concat(a, "-nav-operations"), m),
+    style: d,
+    ref: t
+  }, ve, /* @__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, s = l.label, d = 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, d);
+  function v(X) {
+    d || z(X);
+  }
+  function y(X) {
+    X.preventDefault(), X.stopPropagation(), C.onEdit("remove", {
+      key: i,
+      event: X
+    });
+  }
+  var g = c.useMemo(function() {
+    return b && typeof s == "string" ? /* @__PURE__ */ c.createElement("span", null, s) : s;
+  }, [s, 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"), d), "".concat(x, "-focus"), o)),
+    style: W,
+    onClick: v
+  }, /* @__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": d,
+    tabIndex: d ? null : r ? 0 : -1,
+    onClick: function(f) {
+      f.stopPropagation(), v(f);
+    },
+    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), s && g), E && /* @__PURE__ */ c.createElement("button", {
+    type: "button",
+    "aria-label": O || "remove",
+    tabIndex: r ? 0 : -1,
+    className: "".concat(x, "-remove"),
+    onClick: function(f) {
+      f.stopPropagation(), y(f);
+    }
+  }, 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(), s = i.width, d = i.height, m = i.left, b = i.top;
+  return Math.abs(s - n) < 1 ? [s, d, 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(), s = i.width, d = i.height;
+    if (Math.abs(s - r) < 1)
+      return [s, d];
+  }
+  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, s = e.extra, d = 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), v = b === "top" || b === "bottom", y = yt(0, function(T, u) {
+    v && C && C({
+      direction: T > u ? "left" : "right"
+    });
+  }), g = I(y, 2), S = g[0], K = g[1], X = yt(0, function(T, u) {
+    !v && C && C({
+      direction: T > u ? "top" : "bottom"
+    });
+  }), f = I(X, 2), F = f[0], de = f[1], G = j([0, 0]), Q = I(G, 2), ve = 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], se = $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(ve, v), Ee = Le(q, v), ke = Le(he, v), Je = Le(N, v), et = Math.floor(Be) < Math.floor(Ee + ke), le = et ? Be - Je : Be - ke, Ht = "".concat(p, "-nav-operations-hidden"), me = 0, ge = 0;
+  v && 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 ? (v ? M(K, T) : M(de, 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
+    v ? 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 (v) {
+      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)), de(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), de(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 && v, ie = ue[0], te = ue[ue.length - 1];
+    switch (M) {
+      case "ArrowLeft": {
+        v && Se(D ? 1 : -1);
+        break;
+      }
+      case "ArrowRight": {
+        v && Se(D ? -1 : 1);
+        break;
+      }
+      case "ArrowUp": {
+        u.preventDefault(), v || Se(-1);
+        break;
+      }
+      case "ArrowDown": {
+        u.preventDefault(), v || Se(1);
+        break;
+      }
+      case "Home": {
+        u.preventDefault(), Te(ie);
+        break;
+      }
+      case "End": {
+        u.preventDefault(), Te(te);
+        break;
+      }
+      case "Enter":
+      case "Space": {
+        u.preventDefault(), O(ye, u);
+        break;
+      }
+      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, d, ae == null ? void 0 : ae.disabled);
+        Ke && (u.preventDefault(), u.stopPropagation(), d.onEdit("remove", {
+          key: ye,
+          event: u
+        }), _e === ue.length - 1 ? Se(-1) : Se(1));
+        break;
+      }
+    }
+  }, Ne = {};
+  v ? 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: d,
+      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);
+      }
+    });
+  }), dt = 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() {
+    dt();
+  }, [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);
+    se(ie);
+    var te = Ce(L);
+    Z([te[0] - D[0], te[1] - D[1]]), dt();
+  }), Yt = P.slice(0, Vt), Qt = P.slice(Kt + 1), st = [].concat(gt(Yt), gt(Qt)), ut = Re.get(l), Zt = Pa({
+    activeTabOffset: ut,
+    horizontal: v,
+    indicator: z,
+    rtl: i
+  }), Jt = Zt.style;
+  ce(function() {
+    rt();
+  }, [l, me, ge, Ct(ut), Ct(Re), v]), ce(function() {
+    Me();
+  }, [i]);
+  var ft = !!st.length, Pe = "".concat(p, "-nav-wrap"), Ge, Ve, vt, bt;
+  return v ? i ? (Ve = S > 0, Ge = S !== ge) : (Ge = S < 0, Ve = S !== me) : (vt = F < 0, bt = F !== me), /* @__PURE__ */ c.createElement(Xe, {
+    onResize: Me
+  }, /* @__PURE__ */ c.createElement("div", {
+    ref: pa(t, B),
+    role: "tablist",
+    "aria-orientation": v ? "horizontal" : "vertical",
+    className: J("".concat(p, "-nav"), a),
+    style: n,
+    onKeyDown: function() {
+      He();
+    }
+  }, /* @__PURE__ */ c.createElement(Fe, {
+    ref: A,
+    position: "left",
+    extra: s,
+    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"), vt), "".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: d,
+    style: ne(ne({}, ct.length === 0 ? void 0 : Ne), {}, {
+      visibility: ft ? "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, fe({}, e, {
+    removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
+    ref: x,
+    prefixCls: p,
+    tabs: st,
+    className: !ft && Ht,
+    tabMoving: !!Ie
+  })), /* @__PURE__ */ c.createElement(Fe, {
+    ref: W,
+    position: "right",
+    extra: s,
+    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, s = 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
+  }, s);
+});
+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 s = i.label, d = i.key, m = De(i, Wa);
+        return /* @__PURE__ */ c.createElement(Qe, fe({
+          tab: s,
+          key: d,
+          tabKey: d
+        }, 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), s = i.prefixCls, d = i.tabs, m = r.tabPane, b = "".concat(s, "-tabpane");
+  return /* @__PURE__ */ c.createElement("div", {
+    className: J("".concat(s, "-content-holder"))
+  }, /* @__PURE__ */ c.createElement("div", {
+    className: J("".concat(s, "-content"), "".concat(s, "-content-").concat(o), Y({}, "".concat(s, "-content-animated"), m))
+  }, d.map(function(_) {
+    var R = _.key, O = _.forceRender, C = _.style, z = _.className, h = _.destroyInactiveTabPane, p = De(_, Ha), P = R === n;
+    return /* @__PURE__ */ c.createElement(ga, fe({
+      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, fe({}, 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, s = e.activeKey, d = 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, v = 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), f = X[0], F = X[1];
+  ce(function() {
+    F(va());
+  }, []);
+  var de = mt(function() {
+    var N;
+    return (N = y[0]) === null || N === void 0 ? void 0 : N.key;
+  }, {
+    value: s,
+    defaultValue: d
+  }), G = I(de, 2), Q = G[0], ve = 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 se;
+      N = Math.max(0, Math.min(V, y.length - 1)), ve((se = y[N]) === null || se === void 0 ? void 0 : se.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, se) {
+    W == null || W(N, se);
+    var we = N !== Q;
+    ve(N), we && (A == null || A(N));
+  }
+  var oe = {
+    id: ee,
+    activeKey: Q,
+    animated: S,
+    tabPosition: R,
+    rtl: g,
+    mobile: f
+  }, $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", fe({
+    ref: t,
+    id: a,
+    className: J(r, "".concat(r, "-").concat(R), Y(Y(Y({}, "".concat(r, "-mobile"), f), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), g), o)
+  }, v), /* @__PURE__ */ c.createElement(Dt, fe({}, $e, {
+    renderTabBar: B
+  })), /* @__PURE__ */ c.createElement(ja, fe({
+    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" && Pt("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, s = Ua(l, ["tab"]);
+      return Object.assign(Object.assign({
+        key: String(r)
+      }, s), {
+        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({}, It(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: s
+  } = e, d = `${t}-tab`;
+  return {
+    [d]: {
+      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: s,
+      "&-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
+        }
+      }, Ue(e)),
+      "&:hover": {
+        color: n
+      },
+      [`&${d}-active ${d}-btn`]: {
+        color: i,
+        textShadow: e.tabsActiveTextShadow
+      },
+      [`&${d}-focus ${d}-btn`]: Object.assign({}, Rt(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
+      }
+    }
+  };
+}, 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({}, It(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, s, d, 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: v,
+    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: f,
+    getPrefixCls: F,
+    getPopupContainer: de
+  } = c.useContext(Sa), G = F("tabs", K), Q = _a(G), [ve, w, k] = on(G, Q);
+  let V;
+  _ === "editable-card" && (V = {
+    onEdit: (oe, $e) => {
+      let {
+        key: N,
+        event: se
+      } = $e;
+      z == null || z(oe === "add" ? se : N, oe);
+    },
+    removeIcon: (t = B ?? (f == null ? void 0 : f.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ c.createElement(oa, null),
+    addIcon: (P ?? (f == null ? void 0 : f.addIcon)) || /* @__PURE__ */ c.createElement(Nt, null),
+    showAdd: h !== !0
+  });
+  const q = F();
+  if (process.env.NODE_ENV !== "production") {
+    const oe = Pt("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 || f != null && f.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({}, f == null ? void 0 : f.style), v), be = {
+    align: (a = g == null ? void 0 : g.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 = g == null ? void 0 : g.size) !== null && r !== void 0 ? r : y) !== null && o !== void 0 ? o : (l = f == null ? void 0 : f.indicator) === null || l === void 0 ? void 0 : l.size) !== null && i !== void 0 ? i : f == null ? void 0 : f.indicatorSize
+  };
+  return ve(/* @__PURE__ */ c.createElement(Ot, Object.assign({
+    direction: X,
+    getPopupContainer: de
+  }, S, {
+    items: re,
+    className: J({
+      [`${G}-${Z}`]: Z,
+      [`${G}-card`]: ["card", "editable-card"].includes(_),
+      [`${G}-editable-card`]: _ === "editable-card",
+      [`${G}-centered`]: p
+    }, f == null ? void 0 : f.className, R, O, w, k, Q),
+    popupClassName: J(H, w, k, Q),
+    style: he,
+    editable: V,
+    more: Object.assign({
+      icon: (b = (m = (d = (s = f == null ? void 0 : f.more) === null || s === void 0 ? void 0 : s.icon) !== null && d !== void 0 ? d : f == null ? void 0 : f.moreIcon) !== null && m !== void 0 ? m : A) !== null && b !== void 0 ? b : /* @__PURE__ */ c.createElement(sa, 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
+};