@amateescu/portal-ui-components 0.0.33 → 0.0.35-beta0

package/dist/components/KpiCard/KpiCard.js

@@ -1,40 +1,39 @@
 import { jsx as ze, jsxs as Et } from "react/jsx-runtime";
 import { LoadingAnimation as ga } from "../LoadingAnimation/LoadingAnimation.js";
-import { cn as pa } from "../../portal-utils/cn.js";
-import * as l from "react";
-import ha, { createContext as $a, useState as Q, useRef as te, useEffect as me, useMemo as Gt } from "react";
-import { a as Me, V as ya, d as Sa, I as _a, _ as L, w as Pt, e as se, f as Ca, h as nt, i as ne, c as W, j as _e, k as xa, l as Tt, n as wa, p as He, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Ht, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ra } from "../../context-4ttylmIf.js";
-import { R as Ia, S as za } from "../../Skeleton-BBwDqRB3.js";
-import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as ja } from "../../EllipsisOutlined-CmR4hXJ_.js";
-import { _ as pe } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
-import '../../assets/KpiCard.css';const Aa = function(e, t) {
-  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : void 0;
+import { cn as ha } from "../../portal-utils/cn.js";
+import * as c from "react";
+import pa, { createContext as $a, useState as J, useRef as te, useEffect as be, useMemo as At } from "react";
+import { a as Me, V as ya, d as Sa, I as _a, _ as L, w as Pt, e as se, f as Ca, h as nt, i as ae, c as G, j as Ce, k as xa, l as Tt, n as wa, p as Ge, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Gt, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ia } from "../../context-dCWAMvX5.js";
+import { R as Ra, S as za } from "../../Skeleton-Bh0A9xju.js";
+import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as Ha } from "../../EllipsisOutlined-DfCu6q_b.js";
+import { _ as he } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
+import '../../assets/KpiCard.css';const ja = (e, t, n = void 0) => {
   var a, r;
   const {
-    variant: o,
-    [e]: c
-  } = l.useContext(Me), i = l.useContext(ya), d = c == null ? void 0 : c.variant;
+    variant: i,
+    [e]: l
+  } = c.useContext(Me), o = c.useContext(ya), d = l == null ? void 0 : l.variant;
   let s;
-  typeof t < "u" ? s = t : n === !1 ? s = "borderless" : s = (r = (a = i ?? d) !== null && a !== void 0 ? a : o) !== null && r !== void 0 ? r : "outlined";
+  typeof t < "u" ? s = t : n === !1 ? s = "borderless" : s = (r = (a = o ?? d) !== null && a !== void 0 ? a : i) !== null && r !== void 0 ? r : "outlined";
   const m = Sa.includes(s);
   return [s, m];
 };
-var Ga = { 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" }, Ha = function(t, n) {
-  return /* @__PURE__ */ l.createElement(_a, pe({}, t, {
+var Aa = { 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" }, Ga = function(t, n) {
+  return /* @__PURE__ */ c.createElement(_a, he({}, t, {
     ref: n,
-    icon: Ga
+    icon: Aa
   }));
-}, Xt = /* @__PURE__ */ l.forwardRef(Ha);
-process.env.NODE_ENV !== "production" && (Xt.displayName = "PlusOutlined");
+}, qt = /* @__PURE__ */ c.forwardRef(Ga);
+process.env.NODE_ENV !== "production" && (qt.displayName = "PlusOutlined");
 const Ve = /* @__PURE__ */ $a(null);
 var Wa = function(t) {
-  var n = t.activeTabOffset, a = t.horizontal, r = t.rtl, o = t.indicator, c = o === void 0 ? {} : o, i = c.size, d = c.align, s = d === void 0 ? "center" : d, m = Q(), h = L(m, 2), y = h[0], P = h[1], A = te(), x = ha.useCallback(function(g) {
-    return typeof i == "function" ? i(g) : typeof i == "number" ? i : g;
-  }, [i]);
-  function N() {
-    Pt.cancel(A.current);
+  var n = t.activeTabOffset, a = t.horizontal, r = t.rtl, i = t.indicator, l = i === void 0 ? {} : i, o = l.size, d = l.align, s = d === void 0 ? "center" : d, m = J(), p = L(m, 2), y = p[0], T = p[1], H = te(), x = pa.useCallback(function(g) {
+    return typeof o == "function" ? o(g) : typeof o == "number" ? o : g;
+  }, [o]);
+  function O() {
+    Pt.cancel(H.current);
   }
-  return me(function() {
+  return be(function() {
     var g = {};
     if (n)
       if (a) {
@@ -43,143 +42,143 @@ var Wa = function(t) {
         s === "start" && (g[$] = n[$]), s === "center" && (g[$] = n[$] + n.width / 2, g.transform = r ? "translateX(50%)" : "translateX(-50%)"), s === "end" && (g[$] = n[$] + n.width, g.transform = "translateX(-100%)");
       } else
         g.height = x(n.height), s === "start" && (g.top = n.top), s === "center" && (g.top = n.top + n.height / 2, g.transform = "translateY(-50%)"), s === "end" && (g.top = n.top + n.height, g.transform = "translateY(-100%)");
-    return N(), A.current = Pt(function() {
-      var w = y && g && Object.keys(g).every(function(M) {
-        var D = g[M], G = y[M];
-        return typeof D == "number" && typeof G == "number" ? Math.round(D) === Math.round(G) : D === G;
+    return O(), H.current = Pt(function() {
+      var w = y && g && Object.keys(g).every(function(z) {
+        var D = g[z], j = y[z];
+        return typeof D == "number" && typeof j == "number" ? Math.round(D) === Math.round(j) : D === j;
       });
-      w || P(g);
-    }), N;
+      w || T(g);
+    }), O;
   }, [JSON.stringify(n), a, r, s, x]), {
     style: y
   };
-}, Rt = {
+}, It = {
   width: 0,
   height: 0,
   left: 0,
   top: 0
 };
 function Va(e, t, n) {
-  return Gt(function() {
-    for (var a, r = /* @__PURE__ */ new Map(), o = t.get((a = e[0]) === null || a === void 0 ? void 0 : a.key) || Rt, c = o.left + o.width, i = 0; i < e.length; i += 1) {
-      var d = e[i].key, s = t.get(d);
+  return At(function() {
+    for (var a, r = /* @__PURE__ */ new Map(), i = t.get((a = e[0]) === null || a === void 0 ? void 0 : a.key) || It, l = i.left + i.width, o = 0; o < e.length; o += 1) {
+      var d = e[o].key, s = t.get(d);
       if (!s) {
         var m;
-        s = t.get((m = e[i - 1]) === null || m === void 0 ? void 0 : m.key) || Rt;
+        s = t.get((m = e[o - 1]) === null || m === void 0 ? void 0 : m.key) || It;
       }
-      var h = r.get(d) || se({}, s);
-      h.right = c - h.left - h.width, r.set(d, h);
+      var p = r.get(d) || se({}, s);
+      p.right = l - p.left - p.width, r.set(d, p);
     }
     return r;
   }, [e.map(function(a) {
     return a.key;
   }).join("_"), t, n]);
 }
-function It(e, t) {
-  var n = l.useRef(e), a = l.useState({}), r = L(a, 2), o = r[1];
-  function c(i) {
-    var d = typeof i == "function" ? i(n.current) : i;
-    d !== n.current && t(d, n.current), n.current = d, o({});
+function Rt(e, t) {
+  var n = c.useRef(e), a = c.useState({}), r = L(a, 2), i = r[1];
+  function l(o) {
+    var d = typeof o == "function" ? o(n.current) : o;
+    d !== n.current && t(d, n.current), n.current = d, i({});
   }
-  return [n.current, c];
+  return [n.current, l];
 }
-var Ka = 0.1, zt = 0.01, Ge = 20, Mt = Math.pow(0.995, Ge);
-function Xa(e, t) {
-  var n = Q(), a = L(n, 2), r = a[0], o = a[1], c = Q(0), i = L(c, 2), d = i[0], s = i[1], m = Q(0), h = L(m, 2), y = h[0], P = h[1], A = Q(), x = L(A, 2), N = x[0], g = x[1], $ = te();
-  function w(C) {
-    var T = C.touches[0], p = T.screenX, S = T.screenY;
-    o({
-      x: p,
-      y: S
+var Ka = 0.1, zt = 0.01, Ae = 20, Mt = Math.pow(0.995, Ae);
+function qa(e, t) {
+  var n = J(), a = L(n, 2), r = a[0], i = a[1], l = J(0), o = L(l, 2), d = o[0], s = o[1], m = J(0), p = L(m, 2), y = p[0], T = p[1], H = J(), x = L(H, 2), O = x[0], g = x[1], $ = te();
+  function w(S) {
+    var N = S.touches[0], h = N.screenX, _ = N.screenY;
+    i({
+      x: h,
+      y: _
     }), window.clearInterval($.current);
   }
-  function M(C) {
+  function z(S) {
     if (r) {
-      var T = C.touches[0], p = T.screenX, S = T.screenY;
-      o({
-        x: p,
-        y: S
+      var N = S.touches[0], h = N.screenX, _ = N.screenY;
+      i({
+        x: h,
+        y: _
       });
-      var f = p - r.x, _ = S - r.y;
-      t(f, _);
-      var k = Date.now();
-      s(k), P(k - d), g({
+      var f = h - r.x, C = _ - r.y;
+      t(f, C);
+      var X = Date.now();
+      s(X), T(X - d), g({
         x: f,
-        y: _
+        y: C
       });
     }
   }
   function D() {
-    if (r && (o(null), g(null), N)) {
-      var C = N.x / y, T = N.y / y, p = Math.abs(C), S = Math.abs(T);
-      if (Math.max(p, S) < Ka) return;
-      var f = C, _ = T;
+    if (r && (i(null), g(null), O)) {
+      var S = O.x / y, N = O.y / y, h = Math.abs(S), _ = Math.abs(N);
+      if (Math.max(h, _) < Ka) return;
+      var f = S, C = N;
       $.current = window.setInterval(function() {
-        if (Math.abs(f) < zt && Math.abs(_) < zt) {
+        if (Math.abs(f) < zt && Math.abs(C) < zt) {
           window.clearInterval($.current);
           return;
         }
-        f *= Mt, _ *= Mt, t(f * Ge, _ * Ge);
-      }, Ge);
+        f *= Mt, C *= Mt, t(f * Ae, C * Ae);
+      }, Ae);
     }
   }
-  var G = te();
-  function q(C) {
-    var T = C.deltaX, p = C.deltaY, S = 0, f = Math.abs(T), _ = Math.abs(p);
-    f === _ ? S = G.current === "x" ? T : p : f > _ ? (S = T, G.current = "x") : (S = p, G.current = "y"), t(-S, -S) && C.preventDefault();
+  var j = te();
+  function F(S) {
+    var N = S.deltaX, h = S.deltaY, _ = 0, f = Math.abs(N), C = Math.abs(h);
+    f === C ? _ = j.current === "x" ? N : h : f > C ? (_ = N, j.current = "x") : (_ = h, j.current = "y"), t(-_, -_) && S.preventDefault();
   }
-  var O = te(null);
-  O.current = {
+  var I = te(null);
+  I.current = {
     onTouchStart: w,
-    onTouchMove: M,
+    onTouchMove: z,
     onTouchEnd: D,
-    onWheel: q
-  }, l.useEffect(function() {
-    function C(f) {
-      O.current.onTouchStart(f);
+    onWheel: F
+  }, c.useEffect(function() {
+    function S(f) {
+      I.current.onTouchStart(f);
     }
-    function T(f) {
-      O.current.onTouchMove(f);
+    function N(f) {
+      I.current.onTouchMove(f);
     }
-    function p(f) {
-      O.current.onTouchEnd(f);
+    function h(f) {
+      I.current.onTouchEnd(f);
     }
-    function S(f) {
-      O.current.onWheel(f);
+    function _(f) {
+      I.current.onWheel(f);
     }
-    return document.addEventListener("touchmove", T, {
+    return document.addEventListener("touchmove", N, {
       passive: !1
-    }), document.addEventListener("touchend", p, {
+    }), document.addEventListener("touchend", h, {
       passive: !0
-    }), e.current.addEventListener("touchstart", C, {
+    }), e.current.addEventListener("touchstart", S, {
       passive: !0
-    }), e.current.addEventListener("wheel", S, {
+    }), e.current.addEventListener("wheel", _, {
       passive: !1
     }), function() {
-      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", p);
+      document.removeEventListener("touchmove", N), document.removeEventListener("touchend", h);
     };
   }, []);
 }
-function qt(e) {
-  var t = Q(0), n = L(t, 2), a = n[0], r = n[1], o = te(0), c = te();
-  return c.current = e, Ca(function() {
-    var i;
-    (i = c.current) === null || i === void 0 || i.call(c);
+function Ft(e) {
+  var t = J(0), n = L(t, 2), a = n[0], r = n[1], i = te(0), l = te();
+  return l.current = e, Ca(function() {
+    var o;
+    (o = l.current) === null || o === void 0 || o.call(l);
   }, [a]), function() {
-    o.current === a && (o.current += 1, r(o.current));
+    i.current === a && (i.current += 1, r(i.current));
   };
 }
-function qa(e) {
-  var t = te([]), n = Q({}), a = L(n, 2), r = a[1], o = te(typeof e == "function" ? e() : e), c = qt(function() {
-    var d = o.current;
+function Fa(e) {
+  var t = te([]), n = J({}), a = L(n, 2), r = a[1], i = te(typeof e == "function" ? e() : e), l = Ft(function() {
+    var d = i.current;
     t.current.forEach(function(s) {
       d = s(d);
-    }), t.current = [], o.current = d, r({});
+    }), t.current = [], i.current = d, r({});
   });
-  function i(d) {
-    t.current.push(d), c();
+  function o(d) {
+    t.current.push(d), l();
   }
-  return [o.current, i];
+  return [i.current, o];
 }
 var Lt = {
   width: 0,
@@ -188,28 +187,28 @@ var Lt = {
   top: 0,
   right: 0
 };
-function Fa(e, t, n, a, r, o, c) {
-  var i = c.tabs, d = c.tabPosition, s = c.rtl, m, h, y;
-  return ["top", "bottom"].includes(d) ? (m = "width", h = s ? "right" : "left", y = Math.abs(n)) : (m = "height", h = "top", y = -n), Gt(function() {
-    if (!i.length)
+function Xa(e, t, n, a, r, i, l) {
+  var o = l.tabs, d = l.tabPosition, s = l.rtl, m, p, y;
+  return ["top", "bottom"].includes(d) ? (m = "width", p = s ? "right" : "left", y = Math.abs(n)) : (m = "height", p = "top", y = -n), At(function() {
+    if (!o.length)
       return [0, 0];
-    for (var P = i.length, A = P, x = 0; x < P; x += 1) {
-      var N = e.get(i[x].key) || Lt;
-      if (Math.floor(N[h] + N[m]) > Math.floor(y + t)) {
-        A = x - 1;
+    for (var T = o.length, H = T, x = 0; x < T; x += 1) {
+      var O = e.get(o[x].key) || Lt;
+      if (Math.floor(O[p] + O[m]) > Math.floor(y + t)) {
+        H = x - 1;
         break;
       }
     }
-    for (var g = 0, $ = P - 1; $ >= 0; $ -= 1) {
-      var w = e.get(i[$].key) || Lt;
-      if (w[h] < y) {
+    for (var g = 0, $ = T - 1; $ >= 0; $ -= 1) {
+      var w = e.get(o[$].key) || Lt;
+      if (w[p] < y) {
         g = $ + 1;
         break;
       }
     }
-    return g >= A ? [0, 0] : [g, A];
-  }, [e, t, a, r, o, y, d, i.map(function(P) {
-    return P.key;
+    return g >= H ? [0, 0] : [g, H];
+  }, [e, t, a, r, i, y, d, o.map(function(T) {
+    return T.key;
   }).join("_"), s]);
 }
 function Dt(e) {
@@ -219,7 +218,7 @@ function Dt(e) {
   })) : t = e, JSON.stringify(t);
 }
 var Ua = "TABS_DQ";
-function Ft(e) {
+function Xt(e) {
   return String(e).replace(/"/g, Ua);
 }
 function lt(e, t, n, a) {
@@ -231,143 +230,143 @@ function lt(e, t, n, a) {
     e === void 0 && (t === !1 || t === null))
   );
 }
-var Ut = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.editable, r = e.locale, o = e.style;
-  return !a || a.showAdd === !1 ? null : /* @__PURE__ */ l.createElement("button", {
+var Ut = /* @__PURE__ */ c.forwardRef(function(e, t) {
+  var n = e.prefixCls, a = e.editable, r = e.locale, i = e.style;
+  return !a || a.showAdd === !1 ? null : /* @__PURE__ */ c.createElement("button", {
     ref: t,
     type: "button",
     className: "".concat(n, "-nav-add"),
-    style: o,
+    style: i,
     "aria-label": (r == null ? void 0 : r.addAriaLabel) || "Add tab",
-    onClick: function(i) {
+    onClick: function(o) {
       a.onEdit("add", {
-        event: i
+        event: o
       });
     }
   }, a.addIcon || "+");
-}), at = /* @__PURE__ */ l.forwardRef(function(e, t) {
+}), at = /* @__PURE__ */ c.forwardRef(function(e, t) {
   var n = e.position, a = e.prefixCls, r = e.extra;
   if (!r)
     return null;
-  var o, c = {};
-  return nt(r) === "object" && !/* @__PURE__ */ l.isValidElement(r) ? c = r : c.right = r, n === "right" && (o = c.right), n === "left" && (o = c.left), o ? /* @__PURE__ */ l.createElement("div", {
+  var i, l = {};
+  return nt(r) === "object" && !/* @__PURE__ */ c.isValidElement(r) ? l = r : l.right = r, n === "right" && (i = l.right), n === "left" && (i = l.left), i ? /* @__PURE__ */ c.createElement("div", {
     className: "".concat(a, "-extra-content"),
     ref: t
-  }, o) : null;
+  }, i) : null;
 });
 process.env.NODE_ENV !== "production" && (at.displayName = "ExtraContent");
-var Ya = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.id, r = e.tabs, o = e.locale, c = e.mobile, i = e.more, d = i === void 0 ? {} : i, s = e.style, m = e.className, h = e.editable, y = e.tabBarGutter, P = e.rtl, A = e.removeAriaLabel, x = e.onTabClick, N = e.getPopupContainer, g = e.popupClassName, $ = Q(!1), w = L($, 2), M = w[0], D = w[1], G = Q(null), q = L(G, 2), O = q[0], C = q[1], T = d.icon, p = T === void 0 ? "More" : T, S = "".concat(a, "-more-popup"), f = "".concat(n, "-dropdown"), _ = O !== null ? "".concat(S, "-").concat(O) : null, k = o == null ? void 0 : o.dropdownAriaLabel;
-  function V(E, H) {
-    E.preventDefault(), E.stopPropagation(), h.onEdit("remove", {
-      key: H,
+var Ya = /* @__PURE__ */ c.forwardRef(function(e, t) {
+  var n = e.prefixCls, a = e.id, r = e.tabs, i = e.locale, l = e.mobile, o = e.more, d = o === void 0 ? {} : o, s = e.style, m = e.className, p = e.editable, y = e.tabBarGutter, T = e.rtl, H = e.removeAriaLabel, x = e.onTabClick, O = e.getPopupContainer, g = e.popupClassName, $ = J(!1), w = L($, 2), z = w[0], D = w[1], j = J(null), F = L(j, 2), I = F[0], S = F[1], N = d.icon, h = N === void 0 ? "More" : N, _ = "".concat(a, "-more-popup"), f = "".concat(n, "-dropdown"), C = I !== null ? "".concat(_, "-").concat(I) : null, X = i == null ? void 0 : i.dropdownAriaLabel;
+  function A(E, W) {
+    E.preventDefault(), E.stopPropagation(), p.onEdit("remove", {
+      key: W,
       event: E
     });
   }
-  var v = /* @__PURE__ */ l.createElement(Ma, {
-    onClick: function(H) {
-      var Y = H.key, J = H.domEvent;
-      x(Y, J), D(!1);
+  var V = /* @__PURE__ */ c.createElement(Ma, {
+    onClick: function(W) {
+      var Y = W.key, k = W.domEvent;
+      x(Y, k), D(!1);
     },
     prefixCls: "".concat(f, "-menu"),
-    id: S,
+    id: _,
     tabIndex: -1,
     role: "listbox",
-    "aria-activedescendant": _,
-    selectedKeys: [O],
-    "aria-label": k !== void 0 ? k : "expanded dropdown"
+    "aria-activedescendant": C,
+    selectedKeys: [I],
+    "aria-label": X !== void 0 ? X : "expanded dropdown"
   }, r.map(function(E) {
-    var H = E.closable, Y = E.disabled, J = E.closeIcon, F = E.key, re = E.label, ae = lt(H, J, h, Y);
-    return /* @__PURE__ */ l.createElement(La, {
-      key: F,
-      id: "".concat(S, "-").concat(F),
+    var W = E.closable, Y = E.disabled, k = E.closeIcon, U = E.key, ie = E.label, ee = lt(W, k, p, Y);
+    return /* @__PURE__ */ c.createElement(La, {
+      key: U,
+      id: "".concat(_, "-").concat(U),
       role: "option",
-      "aria-controls": a && "".concat(a, "-panel-").concat(F),
+      "aria-controls": a && "".concat(a, "-panel-").concat(U),
       disabled: Y
-    }, /* @__PURE__ */ l.createElement("span", null, re), ae && /* @__PURE__ */ l.createElement("button", {
+    }, /* @__PURE__ */ c.createElement("span", null, ie), ee && /* @__PURE__ */ c.createElement("button", {
       type: "button",
-      "aria-label": A || "remove",
+      "aria-label": H || "remove",
       tabIndex: 0,
       className: "".concat(f, "-menu-item-remove"),
-      onClick: function(fe) {
-        fe.stopPropagation(), V(fe, F);
+      onClick: function(ve) {
+        ve.stopPropagation(), A(ve, U);
       }
-    }, J || h.removeIcon || "×"));
+    }, k || p.removeIcon || "×"));
   }));
   function Z(E) {
-    for (var H = r.filter(function(ae) {
-      return !ae.disabled;
-    }), Y = H.findIndex(function(ae) {
-      return ae.key === O;
-    }) || 0, J = H.length, F = 0; F < J; F += 1) {
-      Y = (Y + E + J) % J;
-      var re = H[Y];
-      if (!re.disabled) {
-        C(re.key);
+    for (var W = r.filter(function(ee) {
+      return !ee.disabled;
+    }), Y = W.findIndex(function(ee) {
+      return ee.key === I;
+    }) || 0, k = W.length, U = 0; U < k; U += 1) {
+      Y = (Y + E + k) % k;
+      var ie = W[Y];
+      if (!ie.disabled) {
+        S(ie.key);
         return;
       }
     }
   }
-  function R(E) {
-    var H = E.which;
-    if (!M) {
-      [_e.DOWN, _e.SPACE, _e.ENTER].includes(H) && (D(!0), E.preventDefault());
+  function v(E) {
+    var W = E.which;
+    if (!z) {
+      [Ce.DOWN, Ce.SPACE, Ce.ENTER].includes(W) && (D(!0), E.preventDefault());
       return;
     }
-    switch (H) {
-      case _e.UP:
+    switch (W) {
+      case Ce.UP:
         Z(-1), E.preventDefault();
         break;
-      case _e.DOWN:
+      case Ce.DOWN:
         Z(1), E.preventDefault();
         break;
-      case _e.ESC:
+      case Ce.ESC:
         D(!1);
         break;
-      case _e.SPACE:
-      case _e.ENTER:
-        O !== null && x(O, E);
+      case Ce.SPACE:
+      case Ce.ENTER:
+        I !== null && x(I, E);
         break;
     }
   }
-  me(function() {
-    var E = document.getElementById(_);
+  be(function() {
+    var E = document.getElementById(C);
     E && E.scrollIntoView && E.scrollIntoView(!1);
-  }, [O]), me(function() {
-    M || C(null);
-  }, [M]);
-  var U = ne({}, P ? "marginRight" : "marginLeft", y);
-  r.length || (U.visibility = "hidden", U.order = 1);
-  var ee = W(ne({}, "".concat(f, "-rtl"), P)), ve = c ? null : /* @__PURE__ */ l.createElement(Da, pe({
+  }, [I]), be(function() {
+    z || S(null);
+  }, [z]);
+  var re = ae({}, T ? "marginRight" : "marginLeft", y);
+  r.length || (re.visibility = "hidden", re.order = 1);
+  var ne = G(ae({}, "".concat(f, "-rtl"), T)), Q = l ? null : /* @__PURE__ */ c.createElement(Da, he({
     prefixCls: f,
-    overlay: v,
-    visible: r.length ? M : !1,
+    overlay: V,
+    visible: r.length ? z : !1,
     onVisibleChange: D,
-    overlayClassName: W(ee, g),
+    overlayClassName: G(ne, g),
     mouseEnterDelay: 0.1,
     mouseLeaveDelay: 0.1,
-    getPopupContainer: N
-  }, d), /* @__PURE__ */ l.createElement("button", {
+    getPopupContainer: O
+  }, d), /* @__PURE__ */ c.createElement("button", {
     type: "button",
     className: "".concat(n, "-nav-more"),
-    style: U,
+    style: re,
     "aria-haspopup": "listbox",
-    "aria-controls": S,
+    "aria-controls": _,
     id: "".concat(a, "-more"),
-    "aria-expanded": M,
-    onKeyDown: R
-  }, p));
-  return /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat(n, "-nav-operations"), m),
+    "aria-expanded": z,
+    onKeyDown: v
+  }, h));
+  return /* @__PURE__ */ c.createElement("div", {
+    className: G("".concat(n, "-nav-operations"), m),
     style: s,
     ref: t
-  }, ve, /* @__PURE__ */ l.createElement(Ut, {
+  }, Q, /* @__PURE__ */ c.createElement(Ut, {
     prefixCls: n,
-    locale: o,
-    editable: h
+    locale: i,
+    editable: p
   }));
 });
-const ka = /* @__PURE__ */ l.memo(Ya, function(e, t) {
+const ka = /* @__PURE__ */ c.memo(Ya, 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
@@ -375,46 +374,46 @@ const ka = /* @__PURE__ */ l.memo(Ya, function(e, t) {
   );
 });
 var Ja = function(t) {
-  var n = t.prefixCls, a = t.id, r = t.active, o = t.focus, c = t.tab, i = c.key, d = c.label, s = c.disabled, m = c.closeIcon, h = c.icon, y = t.closable, P = t.renderWrapper, A = t.removeAriaLabel, x = t.editable, N = t.onClick, g = t.onFocus, $ = t.onBlur, w = t.onKeyDown, M = t.onMouseDown, D = t.onMouseUp, G = t.style, q = t.tabCount, O = t.currentPosition, C = "".concat(n, "-tab"), T = lt(y, m, x, s);
-  function p(V) {
-    s || N(V);
+  var n = t.prefixCls, a = t.id, r = t.active, i = t.focus, l = t.tab, o = l.key, d = l.label, s = l.disabled, m = l.closeIcon, p = l.icon, y = t.closable, T = t.renderWrapper, H = t.removeAriaLabel, x = t.editable, O = t.onClick, g = t.onFocus, $ = t.onBlur, w = t.onKeyDown, z = t.onMouseDown, D = t.onMouseUp, j = t.style, F = t.tabCount, I = t.currentPosition, S = "".concat(n, "-tab"), N = lt(y, m, x, s);
+  function h(A) {
+    s || O(A);
   }
-  function S(V) {
-    V.preventDefault(), V.stopPropagation(), x.onEdit("remove", {
-      key: i,
-      event: V
+  function _(A) {
+    A.preventDefault(), A.stopPropagation(), x.onEdit("remove", {
+      key: o,
+      event: A
     });
   }
-  var f = l.useMemo(function() {
-    return h && typeof d == "string" ? /* @__PURE__ */ l.createElement("span", null, d) : d;
-  }, [d, h]), _ = l.useRef(null);
-  l.useEffect(function() {
-    o && _.current && _.current.focus();
-  }, [o]);
-  var k = /* @__PURE__ */ l.createElement("div", {
-    key: i,
-    "data-node-key": Ft(i),
-    className: W(C, ne(ne(ne(ne({}, "".concat(C, "-with-remove"), T), "".concat(C, "-active"), r), "".concat(C, "-disabled"), s), "".concat(C, "-focus"), o)),
-    style: G,
-    onClick: p
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: _,
+  var f = c.useMemo(function() {
+    return p && typeof d == "string" ? /* @__PURE__ */ c.createElement("span", null, d) : d;
+  }, [d, p]), C = c.useRef(null);
+  c.useEffect(function() {
+    i && C.current && C.current.focus();
+  }, [i]);
+  var X = /* @__PURE__ */ c.createElement("div", {
+    key: o,
+    "data-node-key": Xt(o),
+    className: G(S, ae(ae(ae(ae({}, "".concat(S, "-with-remove"), N), "".concat(S, "-active"), r), "".concat(S, "-disabled"), s), "".concat(S, "-focus"), i)),
+    style: j,
+    onClick: h
+  }, /* @__PURE__ */ c.createElement("div", {
+    ref: C,
     role: "tab",
     "aria-selected": r,
-    id: a && "".concat(a, "-tab-").concat(i),
-    className: "".concat(C, "-btn"),
-    "aria-controls": a && "".concat(a, "-panel-").concat(i),
+    id: a && "".concat(a, "-tab-").concat(o),
+    className: "".concat(S, "-btn"),
+    "aria-controls": a && "".concat(a, "-panel-").concat(o),
     "aria-disabled": s,
     tabIndex: s ? null : r ? 0 : -1,
-    onClick: function(v) {
-      v.stopPropagation(), p(v);
+    onClick: function(V) {
+      V.stopPropagation(), h(V);
     },
     onKeyDown: w,
-    onMouseDown: M,
+    onMouseDown: z,
     onMouseUp: D,
     onFocus: g,
     onBlur: $
-  }, o && /* @__PURE__ */ l.createElement("div", {
+  }, i && /* @__PURE__ */ c.createElement("div", {
     "aria-live": "polite",
     style: {
       width: 0,
@@ -423,344 +422,344 @@ var Ja = function(t) {
       overflow: "hidden",
       opacity: 0
     }
-  }, "Tab ".concat(O, " of ").concat(q)), h && /* @__PURE__ */ l.createElement("span", {
-    className: "".concat(C, "-icon")
-  }, h), d && f), T && /* @__PURE__ */ l.createElement("button", {
+  }, "Tab ".concat(I, " of ").concat(F)), p && /* @__PURE__ */ c.createElement("span", {
+    className: "".concat(S, "-icon")
+  }, p), d && f), N && /* @__PURE__ */ c.createElement("button", {
     type: "button",
     role: "tab",
-    "aria-label": A || "remove",
+    "aria-label": H || "remove",
     tabIndex: r ? 0 : -1,
-    className: "".concat(C, "-remove"),
-    onClick: function(v) {
-      v.stopPropagation(), S(v);
+    className: "".concat(S, "-remove"),
+    onClick: function(V) {
+      V.stopPropagation(), _(V);
     }
   }, m || x.removeIcon || "×"));
-  return P ? P(k) : k;
+  return T ? T(X) : X;
 }, Qa = function(t, n) {
-  var a = t.offsetWidth, r = t.offsetHeight, o = t.offsetTop, c = t.offsetLeft, i = t.getBoundingClientRect(), d = i.width, s = i.height, m = i.left, h = i.top;
-  return Math.abs(d - a) < 1 ? [d, s, m - n.left, h - n.top] : [a, r, c, o];
-}, Oe = function(t) {
-  var n = t.current || {}, a = n.offsetWidth, r = a === void 0 ? 0 : a, o = n.offsetHeight, c = o === void 0 ? 0 : o;
+  var a = t.offsetWidth, r = t.offsetHeight, i = t.offsetTop, l = t.offsetLeft, o = t.getBoundingClientRect(), d = o.width, s = o.height, m = o.left, p = o.top;
+  return Math.abs(d - a) < 1 ? [d, s, m - n.left, p - n.top] : [a, r, l, i];
+}, Ne = function(t) {
+  var n = t.current || {}, a = n.offsetWidth, r = a === void 0 ? 0 : a, i = n.offsetHeight, l = i === void 0 ? 0 : i;
   if (t.current) {
-    var i = t.current.getBoundingClientRect(), d = i.width, s = i.height;
+    var o = t.current.getBoundingClientRect(), d = o.width, s = o.height;
     if (Math.abs(d - r) < 1)
       return [d, s];
   }
-  return [r, c];
-}, Ae = function(t, n) {
+  return [r, l];
+}, je = function(t, n) {
   return t[n ? 0 : 1];
-}, Bt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.className, a = e.style, r = e.id, o = e.animated, c = e.activeKey, i = e.rtl, d = e.extra, s = e.editable, m = e.locale, h = e.tabPosition, y = e.tabBarGutter, P = e.children, A = e.onTabClick, x = e.onTabScroll, N = e.indicator, g = l.useContext(Ve), $ = g.prefixCls, w = g.tabs, M = te(null), D = te(null), G = te(null), q = te(null), O = te(null), C = te(null), T = te(null), p = h === "top" || h === "bottom", S = It(0, function(I, b) {
-    p && x && x({
-      direction: I > b ? "left" : "right"
+}, Bt = /* @__PURE__ */ c.forwardRef(function(e, t) {
+  var n = e.className, a = e.style, r = e.id, i = e.animated, l = e.activeKey, o = e.rtl, d = e.extra, s = e.editable, m = e.locale, p = e.tabPosition, y = e.tabBarGutter, T = e.children, H = e.onTabClick, x = e.onTabScroll, O = e.indicator, g = c.useContext(Ve), $ = g.prefixCls, w = g.tabs, z = te(null), D = te(null), j = te(null), F = te(null), I = te(null), S = te(null), N = te(null), h = p === "top" || p === "bottom", _ = Rt(0, function(R, b) {
+    h && x && x({
+      direction: R > b ? "left" : "right"
     });
-  }), f = L(S, 2), _ = f[0], k = f[1], V = It(0, function(I, b) {
-    !p && x && x({
-      direction: I > b ? "top" : "bottom"
+  }), f = L(_, 2), C = f[0], X = f[1], A = Rt(0, function(R, b) {
+    !h && x && x({
+      direction: R > b ? "top" : "bottom"
     });
-  }), v = L(V, 2), Z = v[0], R = v[1], U = Q([0, 0]), ee = L(U, 2), ve = ee[0], E = ee[1], H = Q([0, 0]), Y = L(H, 2), J = Y[0], F = Y[1], re = Q([0, 0]), ae = L(re, 2), he = ae[0], fe = ae[1], ie = Q([0, 0]), $e = L(ie, 2), z = $e[0], de = $e[1], xe = qa(/* @__PURE__ */ new Map()), Le = L(xe, 2), Xe = Le[0], qe = Le[1], K = Va(w, Xe, J[0]), B = Ae(ve, p), oe = Ae(J, p), we = Ae(he, p), dt = Ae(z, p), ut = Math.floor(B) < Math.floor(oe + we), be = ut ? B - dt : B - we, Zt = "".concat($, "-nav-operations-hidden"), ye = 0, Ee = 0;
-  p && i ? (ye = 0, Ee = Math.max(0, oe - be)) : (ye = Math.min(0, be - oe), Ee = 0);
-  function Fe(I) {
-    return I < ye ? ye : I > Ee ? Ee : I;
+  }), V = L(A, 2), Z = V[0], v = V[1], re = J([0, 0]), ne = L(re, 2), Q = ne[0], E = ne[1], W = J([0, 0]), Y = L(W, 2), k = Y[0], U = Y[1], ie = J([0, 0]), ee = L(ie, 2), pe = ee[0], ve = ee[1], $e = J([0, 0]), ye = L($e, 2), P = ye[0], oe = ye[1], me = Fa(/* @__PURE__ */ new Map()), Le = L(me, 2), qe = Le[0], Fe = Le[1], K = Va(w, qe, k[0]), M = je(Q, h), de = je(k, h), Oe = je(pe, h), dt = je(P, h), ut = Math.floor(M) < Math.floor(de + Oe), fe = ut ? M - dt : M - Oe, Zt = "".concat($, "-nav-operations-hidden"), Se = 0, we = 0;
+  h && o ? (Se = 0, we = Math.max(0, de - fe)) : (Se = Math.min(0, fe - de), we = 0);
+  function Xe(R) {
+    return R < Se ? Se : R > we ? we : R;
   }
-  var Ue = te(null), ea = Q(), vt = L(ea, 2), De = vt[0], ft = vt[1];
+  var Ue = te(null), ea = J(), vt = L(ea, 2), De = vt[0], ft = vt[1];
   function Ye() {
     ft(Date.now());
   }
   function ke() {
     Ue.current && clearTimeout(Ue.current);
   }
-  Xa(q, function(I, b) {
-    function j(X, ue) {
-      X(function(le) {
-        var Te = Fe(le + ue);
-        return Te;
+  qa(F, function(R, b) {
+    function B(q, ue) {
+      q(function(le) {
+        var Pe = Xe(le + ue);
+        return Pe;
       });
     }
-    return ut ? (p ? j(k, I) : j(R, b), ke(), Ye(), !0) : !1;
-  }), me(function() {
+    return ut ? (h ? B(X, R) : B(v, b), ke(), Ye(), !0) : !1;
+  }), be(function() {
     return ke(), De && (Ue.current = setTimeout(function() {
       ft(0);
     }, 100)), ke;
   }, [De]);
-  var ta = Fa(
+  var ta = Xa(
     K,
     // Container
-    be,
+    fe,
     // Transform
-    p ? _ : Z,
+    h ? C : Z,
     // Tabs
-    oe,
+    de,
     // Add
-    we,
+    Oe,
     // Operation
     dt,
     se(se({}, e), {}, {
       tabs: w
     })
   ), bt = L(ta, 2), aa = bt[0], na = bt[1], mt = xa(function() {
-    var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : c, b = K.get(I) || {
+    var R = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : l, b = K.get(R) || {
       width: 0,
       height: 0,
       left: 0,
       right: 0,
       top: 0
     };
-    if (p) {
-      var j = _;
-      i ? b.right < _ ? j = b.right : b.right + b.width > _ + be && (j = b.right + b.width - be) : b.left < -_ ? j = -b.left : b.left + b.width > -_ + be && (j = -(b.left + b.width - be)), R(0), k(Fe(j));
+    if (h) {
+      var B = C;
+      o ? b.right < C ? B = b.right : b.right + b.width > C + fe && (B = b.right + b.width - fe) : b.left < -C ? B = -b.left : b.left + b.width > -C + fe && (B = -(b.left + b.width - fe)), v(0), X(Xe(B));
     } else {
-      var X = Z;
-      b.top < -Z ? X = -b.top : b.top + b.height > -Z + be && (X = -(b.top + b.height - be)), k(0), R(Fe(X));
+      var q = Z;
+      b.top < -Z ? q = -b.top : b.top + b.height > -Z + fe && (q = -(b.top + b.height - fe)), X(0), v(Xe(q));
     }
-  }), ra = Q(), gt = L(ra, 2), Se = gt[0], Re = gt[1], ia = Q(!1), pt = L(ia, 2), oa = pt[0], ht = pt[1], ge = w.filter(function(I) {
-    return !I.disabled;
-  }).map(function(I) {
-    return I.key;
-  }), Pe = function(b) {
-    var j = ge.indexOf(Se || c), X = ge.length, ue = (j + b + X) % X, le = ge[ue];
-    Re(le);
+  }), ra = J(), gt = L(ra, 2), _e = gt[0], Ie = gt[1], ia = J(!1), ht = L(ia, 2), oa = ht[0], pt = ht[1], ge = w.filter(function(R) {
+    return !R.disabled;
+  }).map(function(R) {
+    return R.key;
+  }), Ee = function(b) {
+    var B = ge.indexOf(_e || l), q = ge.length, ue = (B + b + q) % q, le = ge[ue];
+    Ie(le);
   }, la = function(b) {
-    var j = b.code, X = i && p, ue = ge[0], le = ge[ge.length - 1];
-    switch (j) {
+    var B = b.code, q = o && h, ue = ge[0], le = ge[ge.length - 1];
+    switch (B) {
       // LEFT
       case "ArrowLeft": {
-        p && Pe(X ? 1 : -1);
+        h && Ee(q ? 1 : -1);
         break;
       }
       // RIGHT
       case "ArrowRight": {
-        p && Pe(X ? -1 : 1);
+        h && Ee(q ? -1 : 1);
         break;
       }
       // UP
       case "ArrowUp": {
-        b.preventDefault(), p || Pe(-1);
+        b.preventDefault(), h || Ee(-1);
         break;
       }
       // DOWN
       case "ArrowDown": {
-        b.preventDefault(), p || Pe(1);
+        b.preventDefault(), h || Ee(1);
         break;
       }
       // HOME
       case "Home": {
-        b.preventDefault(), Re(ue);
+        b.preventDefault(), Ie(ue);
         break;
       }
       // END
       case "End": {
-        b.preventDefault(), Re(le);
+        b.preventDefault(), Ie(le);
         break;
       }
       // Enter & Space
       case "Enter":
       case "Space": {
-        b.preventDefault(), A(Se ?? c, b);
+        b.preventDefault(), H(_e ?? l, b);
         break;
       }
       // Backspace
       case "Backspace":
       case "Delete": {
-        var Te = ge.indexOf(Se), ce = w.find(function(Ne) {
-          return Ne.key === Se;
+        var Pe = ge.indexOf(_e), ce = w.find(function(Te) {
+          return Te.key === _e;
         }), Ze = lt(ce == null ? void 0 : ce.closable, ce == null ? void 0 : ce.closeIcon, s, ce == null ? void 0 : ce.disabled);
         Ze && (b.preventDefault(), b.stopPropagation(), s.onEdit("remove", {
-          key: Se,
+          key: _e,
           event: b
-        }), Te === ge.length - 1 ? Pe(-1) : Pe(1));
+        }), Pe === ge.length - 1 ? Ee(-1) : Ee(1));
         break;
       }
     }
   }, Be = {};
-  p ? Be[i ? "marginRight" : "marginLeft"] = y : Be.marginTop = y;
-  var $t = w.map(function(I, b) {
-    var j = I.key;
-    return /* @__PURE__ */ l.createElement(Ja, {
+  h ? Be[o ? "marginRight" : "marginLeft"] = y : Be.marginTop = y;
+  var $t = w.map(function(R, b) {
+    var B = R.key;
+    return /* @__PURE__ */ c.createElement(Ja, {
       id: r,
       prefixCls: $,
-      key: j,
-      tab: I,
+      key: B,
+      tab: R,
       style: b === 0 ? void 0 : Be,
-      closable: I.closable,
+      closable: R.closable,
       editable: s,
-      active: j === c,
-      focus: j === Se,
-      renderWrapper: P,
+      active: B === l,
+      focus: B === _e,
+      renderWrapper: T,
       removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
       tabCount: ge.length,
       currentPosition: b + 1,
       onClick: function(ue) {
-        A(j, ue);
+        H(B, ue);
       },
       onKeyDown: la,
       onFocus: function() {
-        oa || Re(j), mt(j), Ye(), q.current && (i || (q.current.scrollLeft = 0), q.current.scrollTop = 0);
+        oa || Ie(B), mt(B), Ye(), F.current && (o || (F.current.scrollLeft = 0), F.current.scrollTop = 0);
       },
       onBlur: function() {
-        Re(void 0);
+        Ie(void 0);
       },
       onMouseDown: function() {
-        ht(!0);
+        pt(!0);
       },
       onMouseUp: function() {
-        ht(!1);
+        pt(!1);
       }
     });
   }), yt = function() {
-    return qe(function() {
-      var b, j = /* @__PURE__ */ new Map(), X = (b = O.current) === null || b === void 0 ? void 0 : b.getBoundingClientRect();
+    return Fe(function() {
+      var b, B = /* @__PURE__ */ new Map(), q = (b = I.current) === null || b === void 0 ? void 0 : b.getBoundingClientRect();
       return w.forEach(function(ue) {
-        var le, Te = ue.key, ce = (le = O.current) === null || le === void 0 ? void 0 : le.querySelector('[data-node-key="'.concat(Ft(Te), '"]'));
+        var le, Pe = ue.key, ce = (le = I.current) === null || le === void 0 ? void 0 : le.querySelector('[data-node-key="'.concat(Xt(Pe), '"]'));
         if (ce) {
-          var Ze = Qa(ce, X), Ne = L(Ze, 4), va = Ne[0], fa = Ne[1], ba = Ne[2], ma = Ne[3];
-          j.set(Te, {
+          var Ze = Qa(ce, q), Te = L(Ze, 4), va = Te[0], fa = Te[1], ba = Te[2], ma = Te[3];
+          B.set(Pe, {
             width: va,
             height: fa,
             left: ba,
             top: ma
           });
         }
-      }), j;
+      }), B;
     });
   };
-  me(function() {
+  be(function() {
     yt();
-  }, [w.map(function(I) {
-    return I.key;
+  }, [w.map(function(R) {
+    return R.key;
   }).join("_")]);
-  var je = qt(function() {
-    var I = Oe(M), b = Oe(D), j = Oe(G);
-    E([I[0] - b[0] - j[0], I[1] - b[1] - j[1]]);
-    var X = Oe(T);
-    fe(X);
-    var ue = Oe(C);
-    de(ue);
-    var le = Oe(O);
-    F([le[0] - X[0], le[1] - X[1]]), yt();
-  }), ca = w.slice(0, aa), sa = w.slice(na + 1), St = [].concat(Tt(ca), Tt(sa)), _t = K.get(c), da = Wa({
+  var He = Ft(function() {
+    var R = Ne(z), b = Ne(D), B = Ne(j);
+    E([R[0] - b[0] - B[0], R[1] - b[1] - B[1]]);
+    var q = Ne(N);
+    ve(q);
+    var ue = Ne(S);
+    oe(ue);
+    var le = Ne(I);
+    U([le[0] - q[0], le[1] - q[1]]), yt();
+  }), ca = w.slice(0, aa), sa = w.slice(na + 1), St = [].concat(Tt(ca), Tt(sa)), _t = K.get(l), da = Wa({
     activeTabOffset: _t,
-    horizontal: p,
-    indicator: N,
-    rtl: i
+    horizontal: h,
+    indicator: O,
+    rtl: o
   }), ua = da.style;
-  me(function() {
+  be(function() {
     mt();
-  }, [c, ye, Ee, Dt(_t), Dt(K), p]), me(function() {
-    je();
-  }, [i]);
-  var Ct = !!St.length, Ie = "".concat($, "-nav-wrap"), Je, Qe, xt, wt;
-  return p ? i ? (Qe = _ > 0, Je = _ !== Ee) : (Je = _ < 0, Qe = _ !== ye) : (xt = Z < 0, wt = Z !== ye), /* @__PURE__ */ l.createElement(et, {
-    onResize: je
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: wa(t, M),
+  }, [l, Se, we, Dt(_t), Dt(K), h]), be(function() {
+    He();
+  }, [o]);
+  var Ct = !!St.length, Re = "".concat($, "-nav-wrap"), Je, Qe, xt, wt;
+  return h ? o ? (Qe = C > 0, Je = C !== we) : (Je = C < 0, Qe = C !== Se) : (xt = Z < 0, wt = Z !== Se), /* @__PURE__ */ c.createElement(et, {
+    onResize: He
+  }, /* @__PURE__ */ c.createElement("div", {
+    ref: wa(t, z),
     role: "tablist",
-    "aria-orientation": p ? "horizontal" : "vertical",
-    className: W("".concat($, "-nav"), n),
+    "aria-orientation": h ? "horizontal" : "vertical",
+    className: G("".concat($, "-nav"), n),
     style: a,
     onKeyDown: function() {
       Ye();
     }
-  }, /* @__PURE__ */ l.createElement(at, {
+  }, /* @__PURE__ */ c.createElement(at, {
     ref: D,
     position: "left",
     extra: d,
     prefixCls: $
-  }), /* @__PURE__ */ l.createElement(et, {
-    onResize: je
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: W(Ie, ne(ne(ne(ne({}, "".concat(Ie, "-ping-left"), Je), "".concat(Ie, "-ping-right"), Qe), "".concat(Ie, "-ping-top"), xt), "".concat(Ie, "-ping-bottom"), wt)),
-    ref: q
-  }, /* @__PURE__ */ l.createElement(et, {
-    onResize: je
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: O,
+  }), /* @__PURE__ */ c.createElement(et, {
+    onResize: He
+  }, /* @__PURE__ */ c.createElement("div", {
+    className: G(Re, ae(ae(ae(ae({}, "".concat(Re, "-ping-left"), Je), "".concat(Re, "-ping-right"), Qe), "".concat(Re, "-ping-top"), xt), "".concat(Re, "-ping-bottom"), wt)),
+    ref: F
+  }, /* @__PURE__ */ c.createElement(et, {
+    onResize: He
+  }, /* @__PURE__ */ c.createElement("div", {
+    ref: I,
     className: "".concat($, "-nav-list"),
     style: {
-      transform: "translate(".concat(_, "px, ").concat(Z, "px)"),
+      transform: "translate(".concat(C, "px, ").concat(Z, "px)"),
       transition: De ? "none" : void 0
     }
-  }, $t, /* @__PURE__ */ l.createElement(Ut, {
-    ref: T,
+  }, $t, /* @__PURE__ */ c.createElement(Ut, {
+    ref: N,
     prefixCls: $,
     locale: m,
     editable: s,
     style: se(se({}, $t.length === 0 ? void 0 : Be), {}, {
       visibility: Ct ? "hidden" : null
     })
-  }), /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat($, "-ink-bar"), ne({}, "".concat($, "-ink-bar-animated"), o.inkBar)),
+  }), /* @__PURE__ */ c.createElement("div", {
+    className: G("".concat($, "-ink-bar"), ae({}, "".concat($, "-ink-bar-animated"), i.inkBar)),
     style: ua
-  }))))), /* @__PURE__ */ l.createElement(ka, pe({}, e, {
+  }))))), /* @__PURE__ */ c.createElement(ka, he({}, e, {
     removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-    ref: C,
+    ref: S,
     prefixCls: $,
     tabs: St,
     className: !Ct && Zt,
     tabMoving: !!De
-  })), /* @__PURE__ */ l.createElement(at, {
-    ref: G,
+  })), /* @__PURE__ */ c.createElement(at, {
+    ref: j,
     position: "right",
     extra: d,
     prefixCls: $
   })));
-}), ct = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.className, r = e.style, o = e.id, c = e.active, i = e.tabKey, d = e.children;
-  return /* @__PURE__ */ l.createElement("div", {
-    id: o && "".concat(o, "-panel-").concat(i),
+}), ct = /* @__PURE__ */ c.forwardRef(function(e, t) {
+  var n = e.prefixCls, a = e.className, r = e.style, i = e.id, l = e.active, o = e.tabKey, d = e.children;
+  return /* @__PURE__ */ c.createElement("div", {
+    id: i && "".concat(i, "-panel-").concat(o),
     role: "tabpanel",
-    tabIndex: c ? 0 : -1,
-    "aria-labelledby": o && "".concat(o, "-tab-").concat(i),
-    "aria-hidden": !c,
+    tabIndex: l ? 0 : -1,
+    "aria-labelledby": i && "".concat(i, "-tab-").concat(o),
+    "aria-hidden": !l,
     style: r,
-    className: W(n, c && "".concat(n, "-active"), a),
+    className: G(n, l && "".concat(n, "-active"), a),
     ref: t
   }, d);
 });
 process.env.NODE_ENV !== "production" && (ct.displayName = "TabPane");
 var Za = ["renderTabBar"], en = ["label", "key"], Yt = function(t) {
-  var n = t.renderTabBar, a = He(t, Za), r = l.useContext(Ve), o = r.tabs;
+  var n = t.renderTabBar, a = Ge(t, Za), r = c.useContext(Ve), i = r.tabs;
   if (n) {
-    var c = se(se({}, a), {}, {
+    var l = se(se({}, a), {}, {
       // Legacy support. We do not use this actually
-      panes: o.map(function(i) {
-        var d = i.label, s = i.key, m = He(i, en);
-        return /* @__PURE__ */ l.createElement(ct, pe({
+      panes: i.map(function(o) {
+        var d = o.label, s = o.key, m = Ge(o, en);
+        return /* @__PURE__ */ c.createElement(ct, he({
           tab: d,
           key: s,
           tabKey: s
         }, m));
       })
     });
-    return n(c, Bt);
+    return n(l, Bt);
   }
-  return /* @__PURE__ */ l.createElement(Bt, a);
+  return /* @__PURE__ */ c.createElement(Bt, a);
 };
 process.env.NODE_ENV !== "production" && (Yt.displayName = "TabNavListWrapper");
 var tn = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"], an = function(t) {
-  var n = t.id, a = t.activeKey, r = t.animated, o = t.tabPosition, c = t.destroyInactiveTabPane, i = l.useContext(Ve), d = i.prefixCls, s = i.tabs, m = r.tabPane, h = "".concat(d, "-tabpane");
-  return /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat(d, "-content-holder"))
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat(d, "-content"), "".concat(d, "-content-").concat(o), ne({}, "".concat(d, "-content-animated"), m))
+  var n = t.id, a = t.activeKey, r = t.animated, i = t.tabPosition, l = t.destroyInactiveTabPane, o = c.useContext(Ve), d = o.prefixCls, s = o.tabs, m = r.tabPane, p = "".concat(d, "-tabpane");
+  return /* @__PURE__ */ c.createElement("div", {
+    className: G("".concat(d, "-content-holder"))
+  }, /* @__PURE__ */ c.createElement("div", {
+    className: G("".concat(d, "-content"), "".concat(d, "-content-").concat(i), ae({}, "".concat(d, "-content-animated"), m))
   }, s.map(function(y) {
-    var P = y.key, A = y.forceRender, x = y.style, N = y.className, g = y.destroyInactiveTabPane, $ = He(y, tn), w = P === a;
-    return /* @__PURE__ */ l.createElement(Ea, pe({
-      key: P,
+    var T = y.key, H = y.forceRender, x = y.style, O = y.className, g = y.destroyInactiveTabPane, $ = Ge(y, tn), w = T === a;
+    return /* @__PURE__ */ c.createElement(Ea, he({
+      key: T,
       visible: w,
-      forceRender: A,
-      removeOnLeave: !!(c || g),
-      leavedClassName: "".concat(h, "-hidden")
-    }, r.tabPaneMotion), function(M, D) {
-      var G = M.style, q = M.className;
-      return /* @__PURE__ */ l.createElement(ct, pe({}, $, {
-        prefixCls: h,
+      forceRender: H,
+      removeOnLeave: !!(l || g),
+      leavedClassName: "".concat(p, "-hidden")
+    }, r.tabPaneMotion), function(z, D) {
+      var j = z.style, F = z.className;
+      return /* @__PURE__ */ c.createElement(ct, he({}, $, {
+        prefixCls: p,
         id: n,
-        tabKey: P,
+        tabKey: T,
         animated: m,
         active: w,
-        style: se(se({}, x), G),
-        className: W(N, q),
+        style: se(se({}, x), j),
+        className: G(O, F),
         ref: D
       }));
     });
@@ -781,85 +780,85 @@ function nn() {
     inkBar: !0
   }, nt(e) === "object" ? e : {}), t.tabPaneMotion && t.tabPane === void 0 && (t.tabPane = !0), !t.tabPaneMotion && t.tabPane && (process.env.NODE_ENV !== "production" && Pa(!1, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work."), t.tabPane = !1), t;
 }
-var rn = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], jt = 0, kt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.id, a = e.prefixCls, r = a === void 0 ? "rc-tabs" : a, o = e.className, c = e.items, i = e.direction, d = e.activeKey, s = e.defaultActiveKey, m = e.editable, h = e.animated, y = e.tabPosition, P = y === void 0 ? "top" : y, A = e.tabBarGutter, x = e.tabBarStyle, N = e.tabBarExtraContent, g = e.locale, $ = e.more, w = e.destroyInactiveTabPane, M = e.renderTabBar, D = e.onChange, G = e.onTabClick, q = e.onTabScroll, O = e.getPopupContainer, C = e.popupClassName, T = e.indicator, p = He(e, rn), S = l.useMemo(function() {
-    return (c || []).filter(function(z) {
-      return z && nt(z) === "object" && "key" in z;
+var rn = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], Ht = 0, kt = /* @__PURE__ */ c.forwardRef(function(e, t) {
+  var n = e.id, a = e.prefixCls, r = a === void 0 ? "rc-tabs" : a, i = e.className, l = e.items, o = e.direction, d = e.activeKey, s = e.defaultActiveKey, m = e.editable, p = e.animated, y = e.tabPosition, T = y === void 0 ? "top" : y, H = e.tabBarGutter, x = e.tabBarStyle, O = e.tabBarExtraContent, g = e.locale, $ = e.more, w = e.destroyInactiveTabPane, z = e.renderTabBar, D = e.onChange, j = e.onTabClick, F = e.onTabScroll, I = e.getPopupContainer, S = e.popupClassName, N = e.indicator, h = Ge(e, rn), _ = c.useMemo(function() {
+    return (l || []).filter(function(P) {
+      return P && nt(P) === "object" && "key" in P;
     });
-  }, [c]), f = i === "rtl", _ = nn(h), k = Q(!1), V = L(k, 2), v = V[0], Z = V[1];
-  me(function() {
+  }, [l]), f = o === "rtl", C = nn(p), X = J(!1), A = L(X, 2), V = A[0], Z = A[1];
+  be(function() {
     Z(Ba());
   }, []);
-  var R = Nt(function() {
-    var z;
-    return (z = S[0]) === null || z === void 0 ? void 0 : z.key;
+  var v = Nt(function() {
+    var P;
+    return (P = _[0]) === null || P === void 0 ? void 0 : P.key;
   }, {
     value: d,
     defaultValue: s
-  }), U = L(R, 2), ee = U[0], ve = U[1], E = Q(function() {
-    return S.findIndex(function(z) {
-      return z.key === ee;
+  }), re = L(v, 2), ne = re[0], Q = re[1], E = J(function() {
+    return _.findIndex(function(P) {
+      return P.key === ne;
     });
-  }), H = L(E, 2), Y = H[0], J = H[1];
-  me(function() {
-    var z = S.findIndex(function(xe) {
-      return xe.key === ee;
+  }), W = L(E, 2), Y = W[0], k = W[1];
+  be(function() {
+    var P = _.findIndex(function(me) {
+      return me.key === ne;
     });
-    if (z === -1) {
-      var de;
-      z = Math.max(0, Math.min(Y, S.length - 1)), ve((de = S[z]) === null || de === void 0 ? void 0 : de.key);
+    if (P === -1) {
+      var oe;
+      P = Math.max(0, Math.min(Y, _.length - 1)), Q((oe = _[P]) === null || oe === void 0 ? void 0 : oe.key);
     }
-    J(z);
-  }, [S.map(function(z) {
-    return z.key;
-  }).join("_"), ee, Y]);
-  var F = Nt(null, {
+    k(P);
+  }, [_.map(function(P) {
+    return P.key;
+  }).join("_"), ne, Y]);
+  var U = Nt(null, {
     value: n
-  }), re = L(F, 2), ae = re[0], he = re[1];
-  me(function() {
-    n || (he("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : jt)), jt += 1);
+  }), ie = L(U, 2), ee = ie[0], pe = ie[1];
+  be(function() {
+    n || (pe("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : Ht)), Ht += 1);
   }, []);
-  function fe(z, de) {
-    G == null || G(z, de);
-    var xe = z !== ee;
-    ve(z), xe && (D == null || D(z));
+  function ve(P, oe) {
+    j == null || j(P, oe);
+    var me = P !== ne;
+    Q(P), me && (D == null || D(P));
   }
-  var ie = {
-    id: ae,
-    activeKey: ee,
-    animated: _,
-    tabPosition: P,
+  var $e = {
+    id: ee,
+    activeKey: ne,
+    animated: C,
+    tabPosition: T,
     rtl: f,
-    mobile: v
-  }, $e = se(se({}, ie), {}, {
+    mobile: V
+  }, ye = se(se({}, $e), {}, {
     editable: m,
     locale: g,
     more: $,
-    tabBarGutter: A,
-    onTabClick: fe,
-    onTabScroll: q,
-    extra: N,
+    tabBarGutter: H,
+    onTabClick: ve,
+    onTabScroll: F,
+    extra: O,
     style: x,
     panes: null,
-    getPopupContainer: O,
-    popupClassName: C,
-    indicator: T
+    getPopupContainer: I,
+    popupClassName: S,
+    indicator: N
   });
-  return /* @__PURE__ */ l.createElement(Ve.Provider, {
+  return /* @__PURE__ */ c.createElement(Ve.Provider, {
     value: {
-      tabs: S,
+      tabs: _,
       prefixCls: r
     }
-  }, /* @__PURE__ */ l.createElement("div", pe({
+  }, /* @__PURE__ */ c.createElement("div", he({
     ref: t,
     id: n,
-    className: W(r, "".concat(r, "-").concat(P), ne(ne(ne({}, "".concat(r, "-mobile"), v), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), f), o)
-  }, p), /* @__PURE__ */ l.createElement(Yt, pe({}, $e, {
-    renderTabBar: M
-  })), /* @__PURE__ */ l.createElement(an, pe({
+    className: G(r, "".concat(r, "-").concat(T), ae(ae(ae({}, "".concat(r, "-mobile"), V), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), f), i)
+  }, h), /* @__PURE__ */ c.createElement(Yt, he({}, ye, {
+    renderTabBar: z
+  })), /* @__PURE__ */ c.createElement(an, he({
     destroyInactiveTabPane: w
-  }, ie, {
-    animated: _
+  }, $e, {
+    animated: C
   }))));
 });
 process.env.NODE_ENV !== "production" && (kt.displayName = "Tabs");
@@ -868,11 +867,11 @@ const on = {
   motionEnter: !0,
   motionLeave: !0
 };
-function ln(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
-    inkBar: !0,
-    tabPane: !1
-  }, n;
+function ln(e, t = {
+  inkBar: !0,
+  tabPane: !1
+}) {
+  let n;
   return t === !1 ? n = {
     inkBar: !1,
     tabPane: !1
@@ -897,19 +896,26 @@ function sn(e) {
 }
 function dn(e, t) {
   if (process.env.NODE_ENV !== "production" && rt("Tabs").deprecated(!t, "Tabs.TabPane", "items"), e)
-    return e;
+    return e.map((a) => {
+      var r;
+      const i = (r = a.destroyOnHidden) !== null && r !== void 0 ? r : a.destroyInactiveTabPane;
+      return Object.assign(Object.assign({}, a), {
+        // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
+        destroyInactiveTabPane: i
+      });
+    });
   const n = Na(t).map((a) => {
-    if (/* @__PURE__ */ l.isValidElement(a)) {
+    if (/* @__PURE__ */ c.isValidElement(a)) {
       const {
         key: r,
-        props: o
-      } = a, c = o || {}, {
-        tab: i
-      } = c, d = cn(c, ["tab"]);
+        props: i
+      } = a, l = i || {}, {
+        tab: o
+      } = l, d = cn(l, ["tab"]);
       return Object.assign(Object.assign({
         key: String(r)
       }, d), {
-        label: i
+        label: o
       });
     }
     return null;
@@ -959,8 +965,8 @@ const un = (e) => {
     tabsCardPadding: n,
     cardBg: a,
     cardGutter: r,
-    colorBorderSecondary: o,
-    itemSelectedColor: c
+    colorBorderSecondary: i,
+    itemSelectedColor: l
   } = e;
   return {
     [`${t}-card`]: {
@@ -969,19 +975,19 @@ const un = (e) => {
           margin: 0,
           padding: n,
           background: a,
-          border: `${u(e.lineWidth)} ${e.lineType} ${o}`,
+          border: `${u(e.lineWidth)} ${e.lineType} ${i}`,
           transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`
         },
         [`${t}-tab-active`]: {
-          color: c,
+          color: l,
           background: e.colorBgContainer
         },
-        [`${t}-tab-focus`]: Object.assign({}, Vt(e, -3)),
+        [`${t}-tab-focus:has(${t}-tab-btn:focus-visible)`]: Vt(e, -3),
+        [`& ${t}-tab${t}-tab-focus ${t}-tab-btn:focus-visible`]: {
+          outline: "none"
+        },
         [`${t}-ink-bar`]: {
           visibility: "hidden"
-        },
-        [`& ${t}-tab${t}-tab-focus ${t}-tab-btn`]: {
-          outline: "none"
         }
       },
       // ========================== Top & Bottom ==========================
@@ -1143,9 +1149,9 @@ const un = (e) => {
     margin: n,
     colorBorderSecondary: a,
     horizontalMargin: r,
-    verticalItemPadding: o,
-    verticalItemMargin: c,
-    calc: i
+    verticalItemPadding: i,
+    verticalItemMargin: l,
+    calc: o
   } = e;
   return {
     // ========================== Top & Bottom ==========================
@@ -1233,14 +1239,14 @@ const un = (e) => {
     [`${t}-left, ${t}-right`]: {
       [`> ${t}-nav, > div > ${t}-nav`]: {
         flexDirection: "column",
-        minWidth: i(e.controlHeight).mul(1.25).equal(),
+        minWidth: o(e.controlHeight).mul(1.25).equal(),
         // >>>>>>>>>>> Tab
         [`${t}-tab`]: {
-          padding: o,
+          padding: i,
           textAlign: "center"
         },
         [`${t}-tab + ${t}-tab`]: {
-          margin: c
+          margin: l
         },
         // >>>>>>>>>>> Nav
         [`${t}-nav-wrap`]: {
@@ -1297,7 +1303,7 @@ const un = (e) => {
       [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
         marginLeft: {
           _skip_check_: !0,
-          value: u(i(e.lineWidth).mul(-1).equal())
+          value: u(o(e.lineWidth).mul(-1).equal())
         },
         borderLeft: {
           _skip_check_: !0,
@@ -1325,7 +1331,7 @@ const un = (e) => {
         order: 0,
         marginRight: {
           _skip_check_: !0,
-          value: i(e.lineWidth).mul(-1).equal()
+          value: o(e.lineWidth).mul(-1).equal()
         },
         borderRight: {
           _skip_check_: !0,
@@ -1345,15 +1351,18 @@ const un = (e) => {
     componentCls: t,
     cardPaddingSM: n,
     cardPaddingLG: a,
-    horizontalItemPaddingSM: r,
+    cardHeightSM: r,
+    cardHeightLG: i,
+    horizontalItemPaddingSM: l,
     horizontalItemPaddingLG: o
   } = e;
   return {
+    // >>>>> shared
     [t]: {
       "&-small": {
         [`> ${t}-nav`]: {
           [`${t}-tab`]: {
-            padding: r,
+            padding: l,
             fontSize: e.titleFontSizeSM
           }
         }
@@ -1362,16 +1371,23 @@ const un = (e) => {
         [`> ${t}-nav`]: {
           [`${t}-tab`]: {
             padding: o,
-            fontSize: e.titleFontSizeLG
+            fontSize: e.titleFontSizeLG,
+            lineHeight: e.lineHeightLG
           }
         }
       }
     },
+    // >>>>> card
     [`${t}-card`]: {
+      // Small
       [`&${t}-small`]: {
         [`> ${t}-nav`]: {
           [`${t}-tab`]: {
             padding: n
+          },
+          [`${t}-nav-add`]: {
+            minWidth: r,
+            minHeight: r
           }
         },
         [`&${t}-bottom`]: {
@@ -1401,10 +1417,15 @@ const un = (e) => {
           }
         }
       },
+      // Large
       [`&${t}-large`]: {
         [`> ${t}-nav`]: {
           [`${t}-tab`]: {
             padding: a
+          },
+          [`${t}-nav-add`]: {
+            minWidth: i,
+            minHeight: i
           }
         }
       }
@@ -1416,9 +1437,9 @@ const un = (e) => {
     itemActiveColor: n,
     itemHoverColor: a,
     iconCls: r,
-    tabsHorizontalItemMargin: o,
-    horizontalItemPadding: c,
-    itemSelectedColor: i,
+    tabsHorizontalItemMargin: i,
+    horizontalItemPadding: l,
+    itemSelectedColor: o,
     itemColor: d
   } = e, s = `${t}-tab`;
   return {
@@ -1428,7 +1449,7 @@ const un = (e) => {
       WebkitTapHighlightColor: "transparent",
       display: "inline-flex",
       alignItems: "center",
-      padding: c,
+      padding: l,
       fontSize: e.titleFontSize,
       background: "transparent",
       border: 0,
@@ -1472,10 +1493,10 @@ const un = (e) => {
         color: a
       },
       [`&${s}-active ${s}-btn`]: {
-        color: i,
+        color: o,
         textShadow: e.tabsActiveTextShadow
       },
-      [`&${s}-focus ${s}-btn`]: Object.assign({}, Vt(e)),
+      [`&${s}-focus ${s}-btn:focus-visible`]: Vt(e),
       [`&${s}-disabled`]: {
         color: e.colorTextDisabled,
         cursor: "not-allowed"
@@ -1498,17 +1519,17 @@ const un = (e) => {
     [`${s} + ${s}`]: {
       margin: {
         _skip_check_: !0,
-        value: o
+        value: i
       }
     }
   };
-}, pn = (e) => {
+}, hn = (e) => {
   const {
     componentCls: t,
     tabsHorizontalItemMarginRTL: n,
     iconCls: a,
     cardGutter: r,
-    calc: o
+    calc: i
   } = e;
   return {
     [`${t}-rtl`]: {
@@ -1542,7 +1563,7 @@ const un = (e) => {
             },
             marginLeft: {
               _skip_check_: !0,
-              value: u(o(e.marginXXS).mul(-1).equal())
+              value: u(i(e.marginXXS).mul(-1).equal())
             },
             [a]: {
               margin: 0
@@ -1594,15 +1615,15 @@ const un = (e) => {
       }
     }
   };
-}, hn = (e) => {
+}, pn = (e) => {
   const {
     componentCls: t,
     tabsCardPadding: n,
     cardHeight: a,
     cardGutter: r,
-    itemHoverColor: o,
-    itemActiveColor: c,
-    colorBorderSecondary: i
+    itemHoverColor: i,
+    itemActiveColor: l,
+    colorBorderSecondary: o
   } = e;
   return {
     [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, it(e)), {
@@ -1671,23 +1692,23 @@ const un = (e) => {
         },
         [`${t}-nav-add`]: Object.assign({
           minWidth: a,
+          minHeight: a,
           marginLeft: {
             _skip_check_: !0,
             value: r
           },
-          padding: u(e.paddingXS),
           background: "transparent",
-          border: `${u(e.lineWidth)} ${e.lineType} ${i}`,
+          border: `${u(e.lineWidth)} ${e.lineType} ${o}`,
           borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`,
           outline: "none",
           cursor: "pointer",
           color: e.colorText,
           transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`,
           "&:hover": {
-            color: o
+            color: i
           },
           "&:active, &:focus:not(:focus-visible)": {
-            color: c
+            color: l
           }
         }, tt(e, -3))
       },
@@ -1728,15 +1749,25 @@ const un = (e) => {
     }
   };
 }, $n = (e) => {
-  const t = e.controlHeightLG;
+  const {
+    cardHeight: t,
+    cardHeightSM: n,
+    cardHeightLG: a,
+    controlHeight: r,
+    controlHeightLG: i
+  } = e, l = t || i, o = n || r, d = a || i + 8;
   return {
     zIndexPopup: e.zIndexPopupBase + 50,
     cardBg: e.colorFillAlter,
-    cardHeight: t,
+    // We can not pass this as valid value,
+    // Since `cardHeight` will lock nav add button height.
+    cardHeight: l,
+    cardHeightSM: o,
+    cardHeightLG: d,
     // 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`,
+    cardPadding: `${(l - e.fontHeight) / 2 - e.lineWidth}px ${e.padding}px`,
+    cardPaddingSM: `${(o - e.fontHeight) / 2 - e.lineWidth}px ${e.paddingXS}px`,
+    cardPaddingLG: `${(d - e.fontHeightLG) / 2 - e.lineWidth}px ${e.padding}px`,
     titleFontSize: e.fontSize,
     titleFontSizeLG: e.fontSizeLG,
     titleFontSizeSM: e.fontSize,
@@ -1758,7 +1789,7 @@ const un = (e) => {
     itemActiveColor: e.colorPrimaryActive,
     cardGutter: e.marginXXS / 2
   };
-}, yn = Ht("Tabs", (e) => {
+}, yn = Gt("Tabs", (e) => {
   const t = Wt(e, {
     // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`
     tabsCardPadding: e.cardPadding,
@@ -1769,7 +1800,7 @@ const un = (e) => {
     tabsHorizontalItemMargin: `0 0 0 ${u(e.horizontalItemGutter)}`,
     tabsHorizontalItemMarginRTL: `0 0 0 ${u(e.horizontalItemGutter)}`
   });
-  return [mn(t), pn(t), bn(t), fn(t), vn(t), hn(t), un(t)];
+  return [mn(t), hn(t), bn(t), fn(t), vn(t), pn(t), un(t)];
 }, $n), Jt = () => null;
 process.env.NODE_ENV !== "production" && (Jt.displayName = "DeprecatedTabPane");
 var Sn = function(e, t) {
@@ -1780,77 +1811,80 @@ var Sn = function(e, t) {
   return n;
 };
 const st = (e) => {
-  var t, n, a, r, o, c, i, d, s, m, h;
+  var t, n, a, r, i, l, o, d, s, m, p;
   const {
     type: y,
-    className: P,
-    rootClassName: A,
+    className: T,
+    rootClassName: H,
     size: x,
-    onEdit: N,
+    onEdit: O,
     hideAdd: g,
     centered: $,
     addIcon: w,
-    removeIcon: M,
+    removeIcon: z,
     moreIcon: D,
-    more: G,
-    popupClassName: q,
-    children: O,
-    items: C,
-    animated: T,
-    style: p,
-    indicatorSize: S,
-    indicator: f
-  } = e, _ = Sn(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]), {
-    prefixCls: k
-  } = _, {
-    direction: V,
+    more: j,
+    popupClassName: F,
+    children: I,
+    items: S,
+    animated: N,
+    style: h,
+    indicatorSize: _,
+    indicator: f,
+    destroyInactiveTabPane: C,
+    destroyOnHidden: X
+  } = e, A = Sn(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]), {
+    prefixCls: V
+  } = A, {
+    direction: Z,
     tabs: v,
-    getPrefixCls: Z,
-    getPopupContainer: R
-  } = l.useContext(Me), U = Z("tabs", k), ee = Oa(U), [ve, E, H] = yn(U, ee);
-  let Y;
-  y === "editable-card" && (Y = {
-    onEdit: (ie, $e) => {
-      let {
-        key: z,
-        event: de
-      } = $e;
-      N == null || N(ie === "add" ? de : z, ie);
+    getPrefixCls: re,
+    getPopupContainer: ne
+  } = c.useContext(Me), Q = re("tabs", V), E = Oa(Q), [W, Y, k] = yn(Q, E);
+  let U;
+  y === "editable-card" && (U = {
+    onEdit: (P, {
+      key: oe,
+      event: me
+    }) => {
+      O == null || O(P === "add" ? me : oe, P);
     },
-    removeIcon: (t = M ?? (v == null ? void 0 : v.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ l.createElement(Ia, null),
-    addIcon: (w ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ l.createElement(Xt, null),
+    removeIcon: (t = z ?? (v == null ? void 0 : v.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ c.createElement(Ra, null),
+    addIcon: (w ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ c.createElement(qt, null),
     showAdd: g !== !0
   });
-  const J = Z();
+  const ie = re();
   if (process.env.NODE_ENV !== "production") {
-    const ie = rt("Tabs");
-    process.env.NODE_ENV !== "production" && ie(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && ie(!(S || v != null && v.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
+    const P = rt("Tabs");
+    process.env.NODE_ENV !== "production" && P(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && P(!(_ || v != null && v.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead."), P.deprecated(!("destroyInactiveTabPane" in e || S != null && S.some((oe) => "destroyInactiveTabPane" in oe)), "destroyInactiveTabPane", "destroyOnHidden");
   }
-  const F = Kt(x), re = dn(C, O), ae = ln(U, T), he = Object.assign(Object.assign({}, v == null ? void 0 : v.style), p), fe = {
+  const ee = Kt(x), pe = dn(S, I), ve = ln(Q, N), $e = Object.assign(Object.assign({}, v == null ? void 0 : v.style), h), ye = {
     align: (n = f == null ? void 0 : f.align) !== null && n !== void 0 ? n : (a = v == null ? void 0 : v.indicator) === null || a === void 0 ? void 0 : a.align,
-    size: (i = (o = (r = f == null ? void 0 : f.size) !== null && r !== void 0 ? r : S) !== null && o !== void 0 ? o : (c = v == null ? void 0 : v.indicator) === null || c === void 0 ? void 0 : c.size) !== null && i !== void 0 ? i : v == null ? void 0 : v.indicatorSize
+    size: (o = (i = (r = f == null ? void 0 : f.size) !== null && r !== void 0 ? r : _) !== null && i !== void 0 ? i : (l = v == null ? void 0 : v.indicator) === null || l === void 0 ? void 0 : l.size) !== null && o !== void 0 ? o : v == null ? void 0 : v.indicatorSize
   };
-  return ve(/* @__PURE__ */ l.createElement(kt, Object.assign({
-    direction: V,
-    getPopupContainer: R
-  }, _, {
-    items: re,
-    className: W({
-      [`${U}-${F}`]: F,
-      [`${U}-card`]: ["card", "editable-card"].includes(y),
-      [`${U}-editable-card`]: y === "editable-card",
-      [`${U}-centered`]: $
-    }, v == null ? void 0 : v.className, P, A, E, H, ee),
-    popupClassName: W(q, E, H, ee),
-    style: he,
-    editable: Y,
+  return W(/* @__PURE__ */ c.createElement(kt, Object.assign({
+    direction: Z,
+    getPopupContainer: ne
+  }, A, {
+    items: pe,
+    className: G({
+      [`${Q}-${ee}`]: ee,
+      [`${Q}-card`]: ["card", "editable-card"].includes(y),
+      [`${Q}-editable-card`]: y === "editable-card",
+      [`${Q}-centered`]: $
+    }, v == null ? void 0 : v.className, T, H, Y, k, E),
+    popupClassName: G(F, Y, k, E),
+    style: $e,
+    editable: U,
     more: Object.assign({
-      icon: (h = (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 : D) !== null && h !== void 0 ? h : /* @__PURE__ */ l.createElement(ja, null),
-      transitionName: `${J}-slide-up`
-    }, G),
-    prefixCls: U,
-    animated: ae,
-    indicator: fe
+      icon: (p = (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 : D) !== null && p !== void 0 ? p : /* @__PURE__ */ c.createElement(Ha, null),
+      transitionName: `${ie}-slide-up`
+    }, j),
+    prefixCls: Q,
+    animated: ve,
+    indicator: ye,
+    // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
+    destroyInactiveTabPane: X ?? C
   })));
 };
 st.TabPane = Jt;
@@ -1869,12 +1903,12 @@ const Qt = (e) => {
     hoverable: a = !0
   } = e, r = _n(e, ["prefixCls", "className", "hoverable"]);
   const {
-    getPrefixCls: o
-  } = l.useContext(Me), c = o("card", t), i = W(`${c}-grid`, n, {
-    [`${c}-grid-hoverable`]: a
+    getPrefixCls: i
+  } = c.useContext(Me), l = i("card", t), o = G(`${l}-grid`, n, {
+    [`${l}-grid-hoverable`]: a
   });
-  return /* @__PURE__ */ l.createElement("div", Object.assign({}, r, {
-    className: i
+  return /* @__PURE__ */ c.createElement("div", Object.assign({}, r, {
+    className: o
   }));
 }, Cn = (e) => {
   const {
@@ -1882,7 +1916,7 @@ const Qt = (e) => {
     componentCls: n,
     headerHeight: a,
     headerPadding: r,
-    tabsMarginBottom: o
+    tabsMarginBottom: i
   } = e;
   return Object.assign(Object.assign({
     display: "flex",
@@ -1918,7 +1952,7 @@ const Qt = (e) => {
     }),
     [`${t}-tabs-top`]: {
       clear: "both",
-      marginBottom: o,
+      marginBottom: i,
       color: e.colorText,
       fontWeight: "normal",
       fontSize: e.fontSize,
@@ -1959,15 +1993,15 @@ const Qt = (e) => {
     iconCls: n,
     actionsLiMargin: a,
     cardActionsIconSize: r,
-    colorBorderSecondary: o,
-    actionsBg: c
+    colorBorderSecondary: i,
+    actionsBg: l
   } = e;
   return Object.assign(Object.assign({
     margin: 0,
     padding: 0,
     listStyle: "none",
-    background: c,
-    borderTop: `${u(e.lineWidth)} ${e.lineType} ${o}`,
+    background: l,
+    borderTop: `${u(e.lineWidth)} ${e.lineType} ${i}`,
     display: "flex",
     borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
   }, We()), {
@@ -2002,7 +2036,7 @@ const Qt = (e) => {
         }
       },
       "&:not(:last-child)": {
-        borderInlineEnd: `${u(e.lineWidth)} ${e.lineType} ${o}`
+        borderInlineEnd: `${u(e.lineWidth)} ${e.lineType} ${i}`
       }
     }
   });
@@ -2063,9 +2097,9 @@ const Qt = (e) => {
     cardShadow: n,
     cardHeadPadding: a,
     colorBorderSecondary: r,
-    boxShadowTertiary: o,
-    bodyPadding: c,
-    extraColor: i
+    boxShadowTertiary: i,
+    bodyPadding: l,
+    extraColor: o
   } = e;
   return {
     [t]: Object.assign(Object.assign({}, it(e)), {
@@ -2073,18 +2107,18 @@ const Qt = (e) => {
       background: e.colorBgContainer,
       borderRadius: e.borderRadiusLG,
       [`&:not(${t}-bordered)`]: {
-        boxShadow: o
+        boxShadow: i
       },
       [`${t}-head`]: Cn(e),
       [`${t}-extra`]: {
         // https://stackoverflow.com/a/22429853/3040605
         marginInlineStart: "auto",
-        color: i,
+        color: o,
         fontWeight: "normal",
         fontSize: e.fontSize
       },
       [`${t}-body`]: Object.assign({
-        padding: c,
+        padding: l,
         borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
       }, We()),
       [`${t}-grid`]: xn(e),
@@ -2146,14 +2180,14 @@ const Qt = (e) => {
     bodyPaddingSM: n,
     headerPaddingSM: a,
     headerHeightSM: r,
-    headerFontSizeSM: o
+    headerFontSizeSM: i
   } = e;
   return {
     [`${t}-small`]: {
       [`> ${t}-head`]: {
         minHeight: r,
         padding: `0 ${u(a)}`,
-        fontSize: o,
+        fontSize: i,
         [`> ${t}-head-wrapper`]: {
           [`> ${t}-extra`]: {
             fontSize: e.fontSize
@@ -2174,7 +2208,7 @@ const Qt = (e) => {
       }
     }
   };
-}, Rn = (e) => {
+}, In = (e) => {
   var t, n;
   return {
     headerBg: "transparent",
@@ -2192,7 +2226,7 @@ const Qt = (e) => {
     bodyPadding: (t = e.bodyPadding) !== null && t !== void 0 ? t : e.paddingLG,
     headerPadding: (n = e.headerPadding) !== null && n !== void 0 ? n : e.paddingLG
   };
-}, In = Ht("Card", (e) => {
+}, Rn = Gt("Card", (e) => {
   const t = Wt(e, {
     cardShadow: e.boxShadowCard,
     cardHeadPadding: e.padding,
@@ -2205,8 +2239,8 @@ const Qt = (e) => {
     // Size
     On(t)
   ];
-}, Rn);
-var At = function(e, t) {
+}, In);
+var jt = function(e, t) {
   var n = {};
   for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, a = Object.getOwnPropertySymbols(e); r < a.length; r++)
@@ -2219,137 +2253,136 @@ const zn = (e) => {
     actions: n = [],
     actionStyle: a
   } = e;
-  return /* @__PURE__ */ l.createElement("ul", {
+  return /* @__PURE__ */ c.createElement("ul", {
     className: t,
     style: a
-  }, n.map((r, o) => {
-    const c = `action-${o}`;
-    return /* @__PURE__ */ l.createElement("li", {
+  }, n.map((r, i) => {
+    const l = `action-${i}`;
+    return /* @__PURE__ */ c.createElement("li", {
       style: {
         width: `${100 / n.length}%`
       },
-      key: c
-    }, /* @__PURE__ */ l.createElement("span", null, r));
+      key: l
+    }, /* @__PURE__ */ c.createElement("span", null, r));
   }));
-}, Mn = /* @__PURE__ */ l.forwardRef((e, t) => {
+}, Mn = /* @__PURE__ */ c.forwardRef((e, t) => {
   const {
     prefixCls: n,
     className: a,
     rootClassName: r,
-    style: o,
-    extra: c,
-    headStyle: i = {},
+    style: i,
+    extra: l,
+    headStyle: o = {},
     bodyStyle: d = {},
     title: s,
     loading: m,
-    bordered: h,
+    bordered: p,
     variant: y,
-    size: P,
-    type: A,
+    size: T,
+    type: H,
     cover: x,
-    actions: N,
+    actions: O,
     tabList: g,
     children: $,
     activeTabKey: w,
-    defaultActiveTabKey: M,
+    defaultActiveTabKey: z,
     tabBarExtraContent: D,
-    hoverable: G,
-    tabProps: q = {},
-    classNames: O,
-    styles: C
-  } = e, T = At(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
-    getPrefixCls: p,
-    direction: S,
+    hoverable: j,
+    tabProps: F = {},
+    classNames: I,
+    styles: S
+  } = e, N = jt(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
+    getPrefixCls: h,
+    direction: _,
     card: f
-  } = l.useContext(Me), [_] = Aa("card", y, h);
+  } = c.useContext(Me), [C] = ja("card", y, p);
   if (process.env.NODE_ENV !== "production") {
     const K = rt("Card");
-    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"], ["bordered", "variant"]].forEach((B) => {
-      let [oe, we] = B;
-      K.deprecated(!(oe in e), oe, we);
+    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"], ["bordered", "variant"]].forEach(([M, de]) => {
+      K.deprecated(!(M in e), M, de);
     });
   }
-  const k = (K) => {
-    var B;
-    (B = e.onTabChange) === null || B === void 0 || B.call(e, K);
+  const X = (K) => {
+    var M;
+    (M = e.onTabChange) === null || M === void 0 || M.call(e, K);
+  }, A = (K) => {
+    var M;
+    return G((M = f == null ? void 0 : f.classNames) === null || M === void 0 ? void 0 : M[K], I == null ? void 0 : I[K]);
   }, V = (K) => {
-    var B;
-    return W((B = f == null ? void 0 : f.classNames) === null || B === void 0 ? void 0 : B[K], O == null ? void 0 : O[K]);
-  }, v = (K) => {
-    var B;
-    return Object.assign(Object.assign({}, (B = f == null ? void 0 : f.styles) === null || B === void 0 ? void 0 : B[K]), C == null ? void 0 : C[K]);
-  }, Z = l.useMemo(() => {
+    var M;
+    return Object.assign(Object.assign({}, (M = f == null ? void 0 : f.styles) === null || M === void 0 ? void 0 : M[K]), S == null ? void 0 : S[K]);
+  }, Z = c.useMemo(() => {
     let K = !1;
-    return l.Children.forEach($, (B) => {
-      (B == null ? void 0 : B.type) === Qt && (K = !0);
+    return c.Children.forEach($, (M) => {
+      (M == null ? void 0 : M.type) === Qt && (K = !0);
     }), K;
-  }, [$]), R = p("card", n), [U, ee, ve] = In(R), E = /* @__PURE__ */ l.createElement(za, {
+  }, [$]), v = h("card", n), [re, ne, Q] = Rn(v), E = /* @__PURE__ */ c.createElement(za, {
     loading: !0,
     active: !0,
     paragraph: {
       rows: 4
     },
     title: !1
-  }, $), H = w !== void 0, Y = Object.assign(Object.assign({}, q), {
-    [H ? "activeKey" : "defaultActiveKey"]: H ? w : M,
+  }, $), W = w !== void 0, Y = Object.assign(Object.assign({}, F), {
+    [W ? "activeKey" : "defaultActiveKey"]: W ? w : z,
     tabBarExtraContent: D
   });
-  let J;
-  const F = Kt(P), re = !F || F === "default" ? "large" : F, ae = g ? /* @__PURE__ */ l.createElement(st, Object.assign({
-    size: re
+  let k;
+  const U = Kt(T), ie = !U || U === "default" ? "large" : U, ee = g ? /* @__PURE__ */ c.createElement(st, Object.assign({
+    size: ie
   }, Y, {
-    className: `${R}-head-tabs`,
-    onChange: k,
+    className: `${v}-head-tabs`,
+    onChange: X,
     items: g.map((K) => {
       var {
-        tab: B
-      } = K, oe = At(K, ["tab"]);
+        tab: M
+      } = K, de = jt(K, ["tab"]);
       return Object.assign({
-        label: B
-      }, oe);
+        label: M
+      }, de);
     })
   })) : null;
-  if (s || c || ae) {
-    const K = W(`${R}-head`, V("header")), B = W(`${R}-head-title`, V("title")), oe = W(`${R}-extra`, V("extra")), we = Object.assign(Object.assign({}, i), v("header"));
-    J = /* @__PURE__ */ l.createElement("div", {
+  if (s || l || ee) {
+    const K = G(`${v}-head`, A("header")), M = G(`${v}-head-title`, A("title")), de = G(`${v}-extra`, A("extra")), Oe = Object.assign(Object.assign({}, o), V("header"));
+    k = /* @__PURE__ */ c.createElement("div", {
       className: K,
-      style: we
-    }, /* @__PURE__ */ l.createElement("div", {
-      className: `${R}-head-wrapper`
-    }, s && /* @__PURE__ */ l.createElement("div", {
-      className: B,
-      style: v("title")
-    }, s), c && /* @__PURE__ */ l.createElement("div", {
-      className: oe,
-      style: v("extra")
-    }, c)), ae);
+      style: Oe
+    }, /* @__PURE__ */ c.createElement("div", {
+      className: `${v}-head-wrapper`
+    }, s && /* @__PURE__ */ c.createElement("div", {
+      className: M,
+      style: V("title")
+    }, s), l && /* @__PURE__ */ c.createElement("div", {
+      className: de,
+      style: V("extra")
+    }, l)), ee);
   }
-  const he = W(`${R}-cover`, V("cover")), fe = x ? /* @__PURE__ */ l.createElement("div", {
-    className: he,
-    style: v("cover")
-  }, x) : null, ie = W(`${R}-body`, V("body")), $e = Object.assign(Object.assign({}, d), v("body")), z = /* @__PURE__ */ l.createElement("div", {
-    className: ie,
-    style: $e
-  }, m ? E : $), de = W(`${R}-actions`, V("actions")), xe = N != null && N.length ? /* @__PURE__ */ l.createElement(zn, {
-    actionClasses: de,
-    actionStyle: v("actions"),
-    actions: N
-  }) : null, Le = Ra(T, ["onTabChange"]), Xe = W(R, f == null ? void 0 : f.className, {
-    [`${R}-loading`]: m,
-    [`${R}-bordered`]: _ !== "borderless",
-    [`${R}-hoverable`]: G,
-    [`${R}-contain-grid`]: Z,
-    [`${R}-contain-tabs`]: g == null ? void 0 : g.length,
-    [`${R}-${F}`]: F,
-    [`${R}-type-${A}`]: !!A,
-    [`${R}-rtl`]: S === "rtl"
-  }, a, r, ee, ve), qe = Object.assign(Object.assign({}, f == null ? void 0 : f.style), o);
-  return U(/* @__PURE__ */ l.createElement("div", Object.assign({
+  const pe = G(`${v}-cover`, A("cover")), ve = x ? /* @__PURE__ */ c.createElement("div", {
+    className: pe,
+    style: V("cover")
+  }, x) : null, $e = G(`${v}-body`, A("body")), ye = Object.assign(Object.assign({}, d), V("body")), P = /* @__PURE__ */ c.createElement("div", {
+    className: $e,
+    style: ye
+  }, m ? E : $), oe = G(`${v}-actions`, A("actions")), me = O != null && O.length ? /* @__PURE__ */ c.createElement(zn, {
+    actionClasses: oe,
+    actionStyle: V("actions"),
+    actions: O
+  }) : null, Le = Ia(N, ["onTabChange"]), qe = G(v, f == null ? void 0 : f.className, {
+    [`${v}-loading`]: m,
+    [`${v}-bordered`]: C !== "borderless",
+    [`${v}-hoverable`]: j,
+    [`${v}-contain-grid`]: Z,
+    [`${v}-contain-tabs`]: g == null ? void 0 : g.length,
+    [`${v}-${U}`]: U,
+    [`${v}-type-${H}`]: !!H,
+    [`${v}-rtl`]: _ === "rtl"
+  }, a, r, ne, Q), Fe = Object.assign(Object.assign({}, f == null ? void 0 : f.style), i);
+  return re(/* @__PURE__ */ c.createElement("div", Object.assign({
     ref: t
   }, Le, {
-    className: Xe,
-    style: qe
-  }), J, fe, z, xe));
+    className: qe,
+    style: Fe
+  }), k, ve, P, me));
 });
 var Ln = function(e, t) {
   var n = {};
@@ -2364,40 +2397,40 @@ const Dn = (e) => {
     className: n,
     avatar: a,
     title: r,
-    description: o
-  } = e, c = Ln(e, ["prefixCls", "className", "avatar", "title", "description"]), {
-    getPrefixCls: i
-  } = l.useContext(Me), d = i("card", t), s = W(`${d}-meta`, n), m = a ? /* @__PURE__ */ l.createElement("div", {
+    description: i
+  } = e, l = Ln(e, ["prefixCls", "className", "avatar", "title", "description"]), {
+    getPrefixCls: o
+  } = c.useContext(Me), d = o("card", t), s = G(`${d}-meta`, n), m = a ? /* @__PURE__ */ c.createElement("div", {
     className: `${d}-meta-avatar`
-  }, a) : null, h = r ? /* @__PURE__ */ l.createElement("div", {
+  }, a) : null, p = r ? /* @__PURE__ */ c.createElement("div", {
     className: `${d}-meta-title`
-  }, r) : null, y = o ? /* @__PURE__ */ l.createElement("div", {
+  }, r) : null, y = i ? /* @__PURE__ */ c.createElement("div", {
     className: `${d}-meta-description`
-  }, o) : null, P = h || y ? /* @__PURE__ */ l.createElement("div", {
+  }, i) : null, T = p || y ? /* @__PURE__ */ c.createElement("div", {
     className: `${d}-meta-detail`
-  }, h, y) : null;
-  return /* @__PURE__ */ l.createElement("div", Object.assign({}, c, {
+  }, p, y) : null;
+  return /* @__PURE__ */ c.createElement("div", Object.assign({}, l, {
     className: s
-  }), m, P);
+  }), m, T);
 }, Ke = Mn;
 Ke.Grid = Qt;
 Ke.Meta = Dn;
 process.env.NODE_ENV !== "production" && (Ke.displayName = "Card");
-const Bn = "_kpiCard_w4qw3_1", jn = "_width430_w4qw3_7", An = "_width384_w4qw3_16", Gn = "_flexCol_w4qw3_20", Hn = "_flexRow_w4qw3_25", Wn = "_title_w4qw3_30", Vn = "_content_w4qw3_56", Ce = {
+const Bn = "_kpiCard_w4qw3_1", Hn = "_width430_w4qw3_7", jn = "_width384_w4qw3_16", An = "_flexCol_w4qw3_20", Gn = "_flexRow_w4qw3_25", Wn = "_title_w4qw3_30", Vn = "_content_w4qw3_56", xe = {
   kpiCard: Bn,
-  width430: jn,
-  width384: An,
-  flexCol: Gn,
-  flexRow: Hn,
+  width430: Hn,
+  width384: jn,
+  flexCol: An,
+  flexRow: Gn,
   title: Wn,
   content: Vn
 };
 function Qn({ title: e, content: t, icon: n, menuCollapsed: a }) {
-  return /* @__PURE__ */ ze(Ke, { className: pa(Ce.kpiCard, a ? Ce.width430 : Ce.width384), children: e && t ? /* @__PURE__ */ ze("div", { className: Ce.flexCol, children: /* @__PURE__ */ Et("div", { className: Ce.flexRow, children: [
+  return /* @__PURE__ */ ze(Ke, { className: ha(xe.kpiCard, a ? xe.width430 : xe.width384), children: e && t ? /* @__PURE__ */ ze("div", { className: xe.flexCol, children: /* @__PURE__ */ Et("div", { className: xe.flexRow, children: [
     n,
-    /* @__PURE__ */ Et("div", { className: Ce.flexCol, children: [
-      /* @__PURE__ */ ze("span", { className: Ce.title, children: e }),
-      /* @__PURE__ */ ze("span", { className: Ce.content, children: t })
+    /* @__PURE__ */ Et("div", { className: xe.flexCol, children: [
+      /* @__PURE__ */ ze("span", { className: xe.title, children: e }),
+      /* @__PURE__ */ ze("span", { className: xe.content, children: t })
     ] })
   ] }) }) : /* @__PURE__ */ ze(ga, {}) });
 }