@amateescu/portal-ui-components 0.0.28 → 0.0.30-beta

package/dist/components/KpiCard/KpiCard.js

@@ -2,11 +2,11 @@ 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 Z, 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 M, w as Pt, e as se, f as xa, h as nt, i as ne, c as A, j as Se, k as Ca, 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-Crxhk7DD.js";
-import { R as Ia, S as za } from "../../Skeleton-CfEiGUkR.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-DZsCEqiL.js";
-import { a as pe } from "../../objectWithoutPropertiesLoose-DYizGgyG.js";
+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 Se, 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-Bk4VnwMB.js";
+import { R as Ia, S as za } from "../../Skeleton-dypyF9G2.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-CzFuvGH_.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;
   var a, r;
@@ -28,25 +28,29 @@ var Ga = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "fa
 process.env.NODE_ENV !== "production" && (Xt.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 = Z(), p = M(m, 2), y = p[0], E = p[1], B = te(), C = ha.useCallback(function(h) {
-    return typeof i == "function" ? i(h) : typeof i == "number" ? i : h;
+  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(B.current);
+    Pt.cancel(A.current);
   }
   return me(function() {
-    var h = {};
+    var g = {};
     if (n)
       if (a) {
-        h.width = C(n.width);
+        g.width = x(n.width);
         var $ = r ? "right" : "left";
-        s === "start" && (h[$] = n[$]), s === "center" && (h[$] = n[$] + n.width / 2, h.transform = r ? "translateX(50%)" : "translateX(-50%)"), s === "end" && (h[$] = n[$] + n.width, h.transform = "translateX(-100%)");
+        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
-        h.height = C(n.height), s === "start" && (h.top = n.top), s === "center" && (h.top = n.top + n.height / 2, h.transform = "translateY(-50%)"), s === "end" && (h.top = n.top + n.height, h.transform = "translateY(-100%)");
-    return N(), B.current = Pt(function() {
-      E(h);
+        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;
+      });
+      w || P(g);
     }), N;
-  }, [n, a, r, s, C]), {
+  }, [JSON.stringify(n), a, r, s, x]), {
     style: y
   };
 }, Rt = {
@@ -63,8 +67,8 @@ function Va(e, t, n) {
         var m;
         s = t.get((m = e[i - 1]) === null || m === void 0 ? void 0 : m.key) || Rt;
       }
-      var p = r.get(d) || se({}, s);
-      p.right = c - p.left - p.width, r.set(d, p);
+      var h = r.get(d) || se({}, s);
+      h.right = c - h.left - h.width, r.set(d, h);
     }
     return r;
   }, [e.map(function(a) {
@@ -72,7 +76,7 @@ function Va(e, t, n) {
   }).join("_"), t, n]);
 }
 function It(e, t) {
-  var n = l.useRef(e), a = l.useState({}), r = M(a, 2), o = r[1];
+  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({});
@@ -81,35 +85,35 @@ function It(e, t) {
 }
 var Ka = 0.1, zt = 0.01, Ge = 20, Mt = Math.pow(0.995, Ge);
 function Xa(e, t) {
-  var n = Z(), a = M(n, 2), r = a[0], o = a[1], c = Z(0), i = M(c, 2), d = i[0], s = i[1], m = Z(0), p = M(m, 2), y = p[0], E = p[1], B = Z(), C = M(B, 2), N = C[0], h = C[1], $ = te();
-  function P(x) {
-    var T = x.touches[0], g = T.screenX, S = T.screenY;
+  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: g,
+      x: p,
       y: S
     }), window.clearInterval($.current);
   }
-  function G(x) {
+  function M(C) {
     if (r) {
-      var T = x.touches[0], g = T.screenX, S = T.screenY;
+      var T = C.touches[0], p = T.screenX, S = T.screenY;
       o({
-        x: g,
+        x: p,
         y: S
       });
-      var f = g - r.x, _ = S - r.y;
+      var f = p - r.x, _ = S - r.y;
       t(f, _);
       var k = Date.now();
-      s(k), E(k - d), h({
+      s(k), P(k - d), g({
         x: f,
         y: _
       });
     }
   }
-  function K() {
-    if (r && (o(null), h(null), N)) {
-      var x = N.x / y, T = N.y / y, g = Math.abs(x), S = Math.abs(T);
-      if (Math.max(g, S) < Ka) return;
-      var f = x, _ = T;
+  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;
       $.current = window.setInterval(function() {
         if (Math.abs(f) < zt && Math.abs(_) < zt) {
           window.clearInterval($.current);
@@ -119,25 +123,25 @@ function Xa(e, t) {
       }, Ge);
     }
   }
-  var X = te();
-  function q(x) {
-    var T = x.deltaX, g = x.deltaY, S = 0, f = Math.abs(T), _ = Math.abs(g);
-    f === _ ? S = X.current === "x" ? T : g : f > _ ? (S = T, X.current = "x") : (S = g, X.current = "y"), t(-S, -S) && x.preventDefault();
+  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 O = te(null);
   O.current = {
-    onTouchStart: P,
-    onTouchMove: G,
-    onTouchEnd: K,
+    onTouchStart: w,
+    onTouchMove: M,
+    onTouchEnd: D,
     onWheel: q
   }, l.useEffect(function() {
-    function x(f) {
+    function C(f) {
       O.current.onTouchStart(f);
     }
     function T(f) {
       O.current.onTouchMove(f);
     }
-    function g(f) {
+    function p(f) {
       O.current.onTouchEnd(f);
     }
     function S(f) {
@@ -145,20 +149,20 @@ function Xa(e, t) {
     }
     return document.addEventListener("touchmove", T, {
       passive: !1
-    }), document.addEventListener("touchend", g, {
+    }), document.addEventListener("touchend", p, {
       passive: !0
-    }), e.current.addEventListener("touchstart", x, {
+    }), e.current.addEventListener("touchstart", C, {
       passive: !0
     }), e.current.addEventListener("wheel", S, {
       passive: !1
     }), function() {
-      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", g);
+      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", p);
     };
   }, []);
 }
 function qt(e) {
-  var t = Z(0), n = M(t, 2), a = n[0], r = n[1], o = te(0), c = te();
-  return c.current = e, xa(function() {
+  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);
   }, [a]), function() {
@@ -166,7 +170,7 @@ function qt(e) {
   };
 }
 function qa(e) {
-  var t = te([]), n = Z({}), a = M(n, 2), r = a[1], o = te(typeof e == "function" ? e() : e), c = qt(function() {
+  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;
     t.current.forEach(function(s) {
       d = s(d);
@@ -185,27 +189,27 @@ var Lt = {
   right: 0
 };
 function Fa(e, t, n, a, r, o, c) {
-  var i = c.tabs, d = c.tabPosition, s = c.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), Gt(function() {
+  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)
       return [0, 0];
-    for (var E = i.length, B = E, C = 0; C < E; C += 1) {
-      var N = e.get(i[C].key) || Lt;
-      if (Math.floor(N[p] + N[m]) > Math.floor(y + t)) {
-        B = C - 1;
+    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;
         break;
       }
     }
-    for (var h = 0, $ = E - 1; $ >= 0; $ -= 1) {
-      var P = e.get(i[$].key) || Lt;
-      if (P[p] < y) {
-        h = $ + 1;
+    for (var g = 0, $ = P - 1; $ >= 0; $ -= 1) {
+      var w = e.get(i[$].key) || Lt;
+      if (w[h] < y) {
+        g = $ + 1;
         break;
       }
     }
-    return h >= B ? [0, 0] : [h, B];
-  }, [e, t, a, r, o, y, d, i.map(function(E) {
-    return E.key;
+    return g >= A ? [0, 0] : [g, A];
+  }, [e, t, a, r, o, y, d, i.map(function(P) {
+    return P.key;
   }).join("_"), s]);
 }
 function Dt(e) {
@@ -253,17 +257,17 @@ var Ut = /* @__PURE__ */ l.forwardRef(function(e, t) {
 });
 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, p = e.editable, y = e.tabBarGutter, E = e.rtl, B = e.removeAriaLabel, C = e.onTabClick, N = e.getPopupContainer, h = e.popupClassName, $ = Z(!1), P = M($, 2), G = P[0], K = P[1], X = Z(null), q = M(X, 2), O = q[0], x = q[1], T = d.icon, g = 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 H(w, j) {
-    w.preventDefault(), w.stopPropagation(), p.onEdit("remove", {
-      key: j,
-      event: w
+  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,
+      event: E
     });
   }
   var v = /* @__PURE__ */ l.createElement(Ma, {
-    onClick: function(j) {
-      var Y = j.key, Q = j.domEvent;
-      C(Y, Q), K(!1);
+    onClick: function(H) {
+      var Y = H.key, J = H.domEvent;
+      x(Y, J), D(!1);
     },
     prefixCls: "".concat(f, "-menu"),
     id: S,
@@ -272,8 +276,8 @@ var Ya = /* @__PURE__ */ l.forwardRef(function(e, t) {
     "aria-activedescendant": _,
     selectedKeys: [O],
     "aria-label": k !== void 0 ? k : "expanded dropdown"
-  }, r.map(function(w) {
-    var j = w.closable, Y = w.disabled, Q = w.closeIcon, F = w.key, re = w.label, ae = lt(j, Q, p, Y);
+  }, 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),
@@ -282,64 +286,64 @@ var Ya = /* @__PURE__ */ l.forwardRef(function(e, t) {
       disabled: Y
     }, /* @__PURE__ */ l.createElement("span", null, re), ae && /* @__PURE__ */ l.createElement("button", {
       type: "button",
-      "aria-label": B || "remove",
+      "aria-label": A || "remove",
       tabIndex: 0,
       className: "".concat(f, "-menu-item-remove"),
       onClick: function(fe) {
-        fe.stopPropagation(), H(fe, F);
+        fe.stopPropagation(), V(fe, F);
       }
-    }, Q || p.removeIcon || "×"));
+    }, J || h.removeIcon || "×"));
   }));
-  function J(w) {
-    for (var j = r.filter(function(ae) {
+  function Z(E) {
+    for (var H = r.filter(function(ae) {
       return !ae.disabled;
-    }), Y = j.findIndex(function(ae) {
+    }), Y = H.findIndex(function(ae) {
       return ae.key === O;
-    }) || 0, Q = j.length, F = 0; F < Q; F += 1) {
-      Y = (Y + w + Q) % Q;
-      var re = j[Y];
+    }) || 0, J = H.length, F = 0; F < J; F += 1) {
+      Y = (Y + E + J) % J;
+      var re = H[Y];
       if (!re.disabled) {
-        x(re.key);
+        C(re.key);
         return;
       }
     }
   }
-  function R(w) {
-    var j = w.which;
-    if (!G) {
-      [Se.DOWN, Se.SPACE, Se.ENTER].includes(j) && (K(!0), w.preventDefault());
+  function R(E) {
+    var H = E.which;
+    if (!M) {
+      [Se.DOWN, Se.SPACE, Se.ENTER].includes(H) && (D(!0), E.preventDefault());
       return;
     }
-    switch (j) {
+    switch (H) {
       case Se.UP:
-        J(-1), w.preventDefault();
+        Z(-1), E.preventDefault();
         break;
       case Se.DOWN:
-        J(1), w.preventDefault();
+        Z(1), E.preventDefault();
         break;
       case Se.ESC:
-        K(!1);
+        D(!1);
         break;
       case Se.SPACE:
       case Se.ENTER:
-        O !== null && C(O, w);
+        O !== null && x(O, E);
         break;
     }
   }
   me(function() {
-    var w = document.getElementById(_);
-    w && w.scrollIntoView && w.scrollIntoView(!1);
+    var E = document.getElementById(_);
+    E && E.scrollIntoView && E.scrollIntoView(!1);
   }, [O]), me(function() {
-    G || x(null);
-  }, [G]);
-  var U = ne({}, E ? "marginRight" : "marginLeft", y);
+    M || C(null);
+  }, [M]);
+  var U = ne({}, P ? "marginRight" : "marginLeft", y);
   r.length || (U.visibility = "hidden", U.order = 1);
-  var ee = A(ne({}, "".concat(f, "-rtl"), E)), ve = c ? null : /* @__PURE__ */ l.createElement(Da, pe({
+  var ee = W(ne({}, "".concat(f, "-rtl"), P)), ve = c ? null : /* @__PURE__ */ l.createElement(Da, pe({
     prefixCls: f,
     overlay: v,
-    visible: r.length ? G : !1,
-    onVisibleChange: K,
-    overlayClassName: A(ee, h),
+    visible: r.length ? M : !1,
+    onVisibleChange: D,
+    overlayClassName: W(ee, g),
     mouseEnterDelay: 0.1,
     mouseLeaveDelay: 0.1,
     getPopupContainer: N
@@ -350,17 +354,17 @@ var Ya = /* @__PURE__ */ l.forwardRef(function(e, t) {
     "aria-haspopup": "listbox",
     "aria-controls": S,
     id: "".concat(a, "-more"),
-    "aria-expanded": G,
+    "aria-expanded": M,
     onKeyDown: R
-  }, g));
+  }, p));
   return /* @__PURE__ */ l.createElement("div", {
-    className: A("".concat(n, "-nav-operations"), m),
+    className: W("".concat(n, "-nav-operations"), m),
     style: s,
     ref: t
   }, ve, /* @__PURE__ */ l.createElement(Ut, {
     prefixCls: n,
     locale: o,
-    editable: p
+    editable: h
   }));
 });
 const ka = /* @__PURE__ */ l.memo(Ya, function(e, t) {
@@ -370,45 +374,45 @@ const ka = /* @__PURE__ */ l.memo(Ya, function(e, t) {
     t.tabMoving
   );
 });
-var Qa = 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, p = c.icon, y = t.closable, E = t.renderWrapper, B = t.removeAriaLabel, C = t.editable, N = t.onClick, h = t.onFocus, $ = t.onBlur, P = t.onKeyDown, G = t.onMouseDown, K = t.onMouseUp, X = t.style, q = t.tabCount, O = t.currentPosition, x = "".concat(n, "-tab"), T = lt(y, m, C, s);
-  function g(H) {
-    s || N(H);
+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);
   }
-  function S(H) {
-    H.preventDefault(), H.stopPropagation(), C.onEdit("remove", {
+  function S(V) {
+    V.preventDefault(), V.stopPropagation(), x.onEdit("remove", {
       key: i,
-      event: H
+      event: V
     });
   }
   var f = l.useMemo(function() {
-    return p && typeof d == "string" ? /* @__PURE__ */ l.createElement("span", null, d) : d;
-  }, [d, p]), _ = l.useRef(null);
+    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: A(x, ne(ne(ne(ne({}, "".concat(x, "-with-remove"), T), "".concat(x, "-active"), r), "".concat(x, "-disabled"), s), "".concat(x, "-focus"), o)),
-    style: X,
-    onClick: g
+    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: _,
     role: "tab",
     "aria-selected": r,
     id: a && "".concat(a, "-tab-").concat(i),
-    className: "".concat(x, "-btn"),
+    className: "".concat(C, "-btn"),
     "aria-controls": a && "".concat(a, "-panel-").concat(i),
     "aria-disabled": s,
     tabIndex: s ? null : r ? 0 : -1,
     onClick: function(v) {
-      v.stopPropagation(), g(v);
+      v.stopPropagation(), p(v);
     },
-    onKeyDown: P,
-    onMouseDown: G,
-    onMouseUp: K,
-    onFocus: h,
+    onKeyDown: w,
+    onMouseDown: M,
+    onMouseUp: D,
+    onFocus: g,
     onBlur: $
   }, o && /* @__PURE__ */ l.createElement("div", {
     "aria-live": "polite",
@@ -419,23 +423,23 @@ var Qa = function(t) {
       overflow: "hidden",
       opacity: 0
     }
-  }, "Tab ".concat(O, " of ").concat(q)), p && /* @__PURE__ */ l.createElement("span", {
-    className: "".concat(x, "-icon")
-  }, p), d && f), T && /* @__PURE__ */ l.createElement("button", {
+  }, "Tab ".concat(O, " of ").concat(q)), h && /* @__PURE__ */ l.createElement("span", {
+    className: "".concat(C, "-icon")
+  }, h), d && f), T && /* @__PURE__ */ l.createElement("button", {
     type: "button",
     role: "tab",
-    "aria-label": B || "remove",
+    "aria-label": A || "remove",
     tabIndex: r ? 0 : -1,
-    className: "".concat(x, "-remove"),
+    className: "".concat(C, "-remove"),
     onClick: function(v) {
       v.stopPropagation(), S(v);
     }
-  }, m || C.removeIcon || "×"));
-  return E ? E(k) : k;
-}, Za = 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, p = i.top;
-  return Math.abs(d - a) < 1 ? [d, s, m - n.left, p - n.top] : [a, r, c, o];
-}, Oe = function(t) {
+  }, m || x.removeIcon || "×"));
+  return P ? P(k) : k;
+}, 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];
+}, Ne = function(t) {
   var n = t.current || {}, a = n.offsetWidth, r = a === void 0 ? 0 : a, o = n.offsetHeight, c = o === void 0 ? 0 : o;
   if (t.current) {
     var i = t.current.getBoundingClientRect(), d = i.width, s = i.height;
@@ -446,20 +450,20 @@ var Qa = function(t) {
 }, Ae = 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, p = e.tabPosition, y = e.tabBarGutter, E = e.children, B = e.onTabClick, C = e.onTabScroll, N = e.indicator, h = l.useContext(Ve), $ = h.prefixCls, P = h.tabs, G = te(null), K = te(null), X = te(null), q = te(null), O = te(null), x = te(null), T = te(null), g = p === "top" || p === "bottom", S = It(0, function(I, b) {
-    g && C && C({
+  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"
     });
-  }), f = M(S, 2), _ = f[0], k = f[1], H = It(0, function(I, b) {
-    !g && C && C({
+  }), f = L(S, 2), _ = f[0], k = f[1], V = It(0, function(I, b) {
+    !p && x && x({
       direction: I > b ? "top" : "bottom"
     });
-  }), v = M(H, 2), J = v[0], R = v[1], U = Z([0, 0]), ee = M(U, 2), ve = ee[0], w = ee[1], j = Z([0, 0]), Y = M(j, 2), Q = Y[0], F = Y[1], re = Z([0, 0]), ae = M(re, 2), he = ae[0], fe = ae[1], ie = Z([0, 0]), $e = M(ie, 2), z = $e[0], de = $e[1], xe = qa(/* @__PURE__ */ new Map()), Le = M(xe, 2), Xe = Le[0], qe = Le[1], W = Va(P, Xe, Q[0]), L = Ae(ve, g), oe = Ae(Q, g), Ce = Ae(he, g), dt = Ae(z, g), ut = Math.floor(L) < Math.floor(oe + Ce), be = ut ? L - dt : L - Ce, Jt = "".concat($, "-nav-operations-hidden"), ye = 0, we = 0;
-  g && i ? (ye = 0, we = Math.max(0, oe - be)) : (ye = Math.min(0, be - oe), we = 0);
+  }), 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], Ce = qa(/* @__PURE__ */ new Map()), Le = L(Ce, 2), Xe = Le[0], qe = Le[1], K = Va(w, Xe, J[0]), B = Ae(ve, p), oe = Ae(J, p), xe = Ae(he, p), dt = Ae(z, p), ut = Math.floor(B) < Math.floor(oe + xe), be = ut ? B - dt : B - xe, Zt = "".concat($, "-nav-operations-hidden"), ye = 0, we = 0;
+  p && i ? (ye = 0, we = Math.max(0, oe - be)) : (ye = Math.min(0, be - oe), we = 0);
   function Fe(I) {
     return I < ye ? ye : I > we ? we : I;
   }
-  var Ue = te(null), ea = Z(), vt = M(ea, 2), De = vt[0], ft = vt[1];
+  var Ue = te(null), ea = Q(), vt = L(ea, 2), De = vt[0], ft = vt[1];
   function Ye() {
     ft(Date.now());
   }
@@ -467,76 +471,76 @@ var Qa = function(t) {
     Ue.current && clearTimeout(Ue.current);
   }
   Xa(q, function(I, b) {
-    function D(V, ue) {
-      V(function(le) {
-        var Te = Fe(le + ue);
-        return Te;
+    function j(X, ue) {
+      X(function(le) {
+        var Pe = Fe(le + ue);
+        return Pe;
       });
     }
-    return ut ? (g ? D(k, I) : D(R, b), ke(), Ye(), !0) : !1;
+    return ut ? (p ? j(k, I) : j(R, b), ke(), Ye(), !0) : !1;
   }), me(function() {
     return ke(), De && (Ue.current = setTimeout(function() {
       ft(0);
     }, 100)), ke;
   }, [De]);
   var ta = Fa(
-    W,
+    K,
     // Container
     be,
     // Transform
-    g ? _ : J,
+    p ? _ : Z,
     // Tabs
     oe,
     // Add
-    Ce,
+    xe,
     // Operation
     dt,
     se(se({}, e), {}, {
-      tabs: P
+      tabs: w
     })
-  ), bt = M(ta, 2), aa = bt[0], na = bt[1], mt = Ca(function() {
-    var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : c, b = W.get(I) || {
+  ), 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) || {
       width: 0,
       height: 0,
       left: 0,
       right: 0,
       top: 0
     };
-    if (g) {
-      var D = _;
-      i ? b.right < _ ? D = b.right : b.right + b.width > _ + be && (D = b.right + b.width - be) : b.left < -_ ? D = -b.left : b.left + b.width > -_ + be && (D = -(b.left + b.width - be)), R(0), k(Fe(D));
+    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));
     } else {
-      var V = J;
-      b.top < -J ? V = -b.top : b.top + b.height > -J + be && (V = -(b.top + b.height - be)), k(0), R(Fe(V));
+      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));
     }
-  }), ra = Z(), gt = M(ra, 2), Ee = gt[0], Re = gt[1], ia = Z(!1), pt = M(ia, 2), oa = pt[0], ht = pt[1], ge = P.filter(function(I) {
+  }), ra = Q(), gt = L(ra, 2), Oe = 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 D = ge.indexOf(Ee || c), V = ge.length, ue = (D + b + V) % V, le = ge[ue];
+  }), Ee = function(b) {
+    var j = ge.indexOf(Oe || c), X = ge.length, ue = (j + b + X) % X, le = ge[ue];
     Re(le);
   }, la = function(b) {
-    var D = b.code, V = i && g, ue = ge[0], le = ge[ge.length - 1];
-    switch (D) {
+    var j = b.code, X = i && p, ue = ge[0], le = ge[ge.length - 1];
+    switch (j) {
       // LEFT
       case "ArrowLeft": {
-        g && Pe(V ? 1 : -1);
+        p && Ee(X ? 1 : -1);
         break;
       }
       // RIGHT
       case "ArrowRight": {
-        g && Pe(V ? -1 : 1);
+        p && Ee(X ? -1 : 1);
         break;
       }
       // UP
       case "ArrowUp": {
-        b.preventDefault(), g || Pe(-1);
+        b.preventDefault(), p || Ee(-1);
         break;
       }
       // DOWN
       case "ArrowDown": {
-        b.preventDefault(), g || Pe(1);
+        b.preventDefault(), p || Ee(1);
         break;
       }
       // HOME
@@ -552,46 +556,46 @@ var Qa = function(t) {
       // Enter & Space
       case "Enter":
       case "Space": {
-        b.preventDefault(), B(Ee, b);
+        b.preventDefault(), A(c, b);
         break;
       }
       // Backspace
       case "Backspace":
       case "Delete": {
-        var Te = ge.indexOf(Ee), ce = P.find(function(Ne) {
-          return Ne.key === Ee;
-        }), Je = lt(ce == null ? void 0 : ce.closable, ce == null ? void 0 : ce.closeIcon, s, ce == null ? void 0 : ce.disabled);
-        Je && (b.preventDefault(), b.stopPropagation(), s.onEdit("remove", {
-          key: Ee,
+        var Pe = ge.indexOf(Oe), ce = w.find(function(Te) {
+          return Te.key === Oe;
+        }), 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: Oe,
           event: b
-        }), Te === ge.length - 1 ? Pe(-1) : Pe(1));
+        }), Pe === ge.length - 1 ? Ee(-1) : Ee(1));
         break;
       }
     }
   }, Be = {};
-  g ? Be[i ? "marginRight" : "marginLeft"] = y : Be.marginTop = y;
-  var $t = P.map(function(I, b) {
-    var D = I.key;
-    return /* @__PURE__ */ l.createElement(Qa, {
+  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, {
       id: r,
       prefixCls: $,
-      key: D,
+      key: j,
       tab: I,
       style: b === 0 ? void 0 : Be,
       closable: I.closable,
       editable: s,
-      active: D === c,
-      focus: D === Ee,
-      renderWrapper: E,
+      active: j === c,
+      focus: j === Oe,
+      renderWrapper: P,
       removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
       tabCount: ge.length,
       currentPosition: b + 1,
       onClick: function(ue) {
-        B(D, ue);
+        A(j, ue);
       },
       onKeyDown: la,
       onFocus: function() {
-        oa || Re(D), mt(D), Ye(), q.current && (i || (q.current.scrollLeft = 0), q.current.scrollTop = 0);
+        oa || Re(j), mt(j), Ye(), q.current && (i || (q.current.scrollLeft = 0), q.current.scrollTop = 0);
       },
       onBlur: function() {
         Re(void 0);
@@ -605,67 +609,67 @@ var Qa = function(t) {
     });
   }), yt = function() {
     return qe(function() {
-      var b, D = /* @__PURE__ */ new Map(), V = (b = O.current) === null || b === void 0 ? void 0 : b.getBoundingClientRect();
-      return P.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 b, j = /* @__PURE__ */ new Map(), X = (b = O.current) === null || b === void 0 ? void 0 : b.getBoundingClientRect();
+      return w.forEach(function(ue) {
+        var le, Pe = ue.key, ce = (le = O.current) === null || le === void 0 ? void 0 : le.querySelector('[data-node-key="'.concat(Ft(Pe), '"]'));
         if (ce) {
-          var Je = Za(ce, V), Ne = M(Je, 4), va = Ne[0], fa = Ne[1], ba = Ne[2], ma = Ne[3];
-          D.set(Te, {
+          var Ze = Qa(ce, X), Te = L(Ze, 4), va = Te[0], fa = Te[1], ba = Te[2], ma = Te[3];
+          j.set(Pe, {
             width: va,
             height: fa,
             left: ba,
             top: ma
           });
         }
-      }), D;
+      }), j;
     });
   };
   me(function() {
     yt();
-  }, [P.map(function(I) {
+  }, [w.map(function(I) {
     return I.key;
   }).join("_")]);
   var je = qt(function() {
-    var I = Oe(G), b = Oe(K), D = Oe(X);
-    w([I[0] - b[0] - D[0], I[1] - b[1] - D[1]]);
-    var V = Oe(T);
-    fe(V);
-    var ue = Oe(x);
+    var I = Ne(M), b = Ne(D), j = Ne(G);
+    E([I[0] - b[0] - j[0], I[1] - b[1] - j[1]]);
+    var X = Ne(T);
+    fe(X);
+    var ue = Ne(C);
     de(ue);
-    var le = Oe(O);
-    F([le[0] - V[0], le[1] - V[1]]), yt();
-  }), ca = P.slice(0, aa), sa = P.slice(na + 1), St = [].concat(Tt(ca), Tt(sa)), _t = W.get(c), da = Wa({
+    var le = Ne(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({
     activeTabOffset: _t,
-    horizontal: g,
+    horizontal: p,
     indicator: N,
     rtl: i
   }), ua = da.style;
   me(function() {
     mt();
-  }, [c, ye, we, Dt(_t), Dt(W), g]), me(function() {
+  }, [c, ye, we, Dt(_t), Dt(K), p]), me(function() {
     je();
   }, [i]);
-  var xt = !!St.length, Ie = "".concat($, "-nav-wrap"), Qe, Ze, Ct, wt;
-  return g ? i ? (Ze = _ > 0, Qe = _ !== we) : (Qe = _ < 0, Ze = _ !== ye) : (Ct = J < 0, wt = J !== ye), /* @__PURE__ */ l.createElement(et, {
+  var Ct = !!St.length, Ie = "".concat($, "-nav-wrap"), Je, Qe, xt, wt;
+  return p ? i ? (Qe = _ > 0, Je = _ !== we) : (Je = _ < 0, Qe = _ !== ye) : (xt = Z < 0, wt = Z !== ye), /* @__PURE__ */ l.createElement(et, {
     onResize: je
   }, /* @__PURE__ */ l.createElement("div", {
-    ref: wa(t, G),
+    ref: wa(t, M),
     role: "tablist",
-    "aria-orientation": g ? "horizontal" : "vertical",
-    className: A("".concat($, "-nav"), n),
+    "aria-orientation": p ? "horizontal" : "vertical",
+    className: W("".concat($, "-nav"), n),
     style: a,
     onKeyDown: function() {
       Ye();
     }
   }, /* @__PURE__ */ l.createElement(at, {
-    ref: K,
+    ref: D,
     position: "left",
     extra: d,
     prefixCls: $
   }), /* @__PURE__ */ l.createElement(et, {
     onResize: je
   }, /* @__PURE__ */ l.createElement("div", {
-    className: A(Ie, ne(ne(ne(ne({}, "".concat(Ie, "-ping-left"), Qe), "".concat(Ie, "-ping-right"), Ze), "".concat(Ie, "-ping-top"), Ct), "".concat(Ie, "-ping-bottom"), wt)),
+    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
@@ -673,7 +677,7 @@ var Qa = function(t) {
     ref: O,
     className: "".concat($, "-nav-list"),
     style: {
-      transform: "translate(".concat(_, "px, ").concat(J, "px)"),
+      transform: "translate(".concat(_, "px, ").concat(Z, "px)"),
       transition: De ? "none" : void 0
     }
   }, $t, /* @__PURE__ */ l.createElement(Ut, {
@@ -682,20 +686,20 @@ var Qa = function(t) {
     locale: m,
     editable: s,
     style: se(se({}, $t.length === 0 ? void 0 : Be), {}, {
-      visibility: xt ? "hidden" : null
+      visibility: Ct ? "hidden" : null
     })
   }), /* @__PURE__ */ l.createElement("div", {
-    className: A("".concat($, "-ink-bar"), ne({}, "".concat($, "-ink-bar-animated"), o.inkBar)),
+    className: W("".concat($, "-ink-bar"), ne({}, "".concat($, "-ink-bar-animated"), o.inkBar)),
     style: ua
   }))))), /* @__PURE__ */ l.createElement(ka, pe({}, e, {
     removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-    ref: x,
+    ref: C,
     prefixCls: $,
     tabs: St,
-    className: !xt && Jt,
+    className: !Ct && Zt,
     tabMoving: !!De
   })), /* @__PURE__ */ l.createElement(at, {
-    ref: X,
+    ref: G,
     position: "right",
     extra: d,
     prefixCls: $
@@ -709,13 +713,13 @@ var Qa = function(t) {
     "aria-labelledby": o && "".concat(o, "-tab-").concat(i),
     "aria-hidden": !c,
     style: r,
-    className: A(n, c && "".concat(n, "-active"), a),
+    className: W(n, c && "".concat(n, "-active"), a),
     ref: t
   }, d);
 });
 process.env.NODE_ENV !== "production" && (ct.displayName = "TabPane");
-var Ja = ["renderTabBar"], en = ["label", "key"], Yt = function(t) {
-  var n = t.renderTabBar, a = He(t, Ja), r = l.useContext(Ve), o = r.tabs;
+var Za = ["renderTabBar"], en = ["label", "key"], Yt = function(t) {
+  var n = t.renderTabBar, a = He(t, Za), r = l.useContext(Ve), o = r.tabs;
   if (n) {
     var c = se(se({}, a), {}, {
       // Legacy support. We do not use this actually
@@ -734,30 +738,30 @@ var Ja = ["renderTabBar"], en = ["label", "key"], Yt = function(t) {
 };
 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, p = "".concat(d, "-tabpane");
+  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: A("".concat(d, "-content-holder"))
+    className: W("".concat(d, "-content-holder"))
   }, /* @__PURE__ */ l.createElement("div", {
-    className: A("".concat(d, "-content"), "".concat(d, "-content-").concat(o), ne({}, "".concat(d, "-content-animated"), m))
+    className: W("".concat(d, "-content"), "".concat(d, "-content-").concat(o), ne({}, "".concat(d, "-content-animated"), m))
   }, s.map(function(y) {
-    var E = y.key, B = y.forceRender, C = y.style, N = y.className, h = y.destroyInactiveTabPane, $ = He(y, tn), P = E === a;
+    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: E,
-      visible: P,
-      forceRender: B,
-      removeOnLeave: !!(c || h),
-      leavedClassName: "".concat(p, "-hidden")
-    }, r.tabPaneMotion), function(G, K) {
-      var X = G.style, q = G.className;
+      key: P,
+      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: p,
+        prefixCls: h,
         id: n,
-        tabKey: E,
+        tabKey: P,
         animated: m,
-        active: P,
-        style: se(se({}, C), X),
-        className: A(N, q),
-        ref: K
+        active: w,
+        style: se(se({}, x), G),
+        className: W(N, q),
+        ref: D
       }));
     });
   })));
@@ -778,13 +782,13 @@ function nn() {
   }, 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, p = e.animated, y = e.tabPosition, E = y === void 0 ? "top" : y, B = e.tabBarGutter, C = e.tabBarStyle, N = e.tabBarExtraContent, h = e.locale, $ = e.more, P = e.destroyInactiveTabPane, G = e.renderTabBar, K = e.onChange, X = e.onTabClick, q = e.onTabScroll, O = e.getPopupContainer, x = e.popupClassName, T = e.indicator, g = He(e, rn), S = l.useMemo(function() {
+  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;
     });
-  }, [c]), f = i === "rtl", _ = nn(p), k = Z(!1), H = M(k, 2), v = H[0], J = H[1];
+  }, [c]), f = i === "rtl", _ = nn(h), k = Q(!1), V = L(k, 2), v = V[0], Z = V[1];
   me(function() {
-    J(Ba());
+    Z(Ba());
   }, []);
   var R = Nt(function() {
     var z;
@@ -792,53 +796,53 @@ var rn = ["id", "prefixCls", "className", "items", "direction", "activeKey", "de
   }, {
     value: d,
     defaultValue: s
-  }), U = M(R, 2), ee = U[0], ve = U[1], w = Z(function() {
+  }), U = L(R, 2), ee = U[0], ve = U[1], E = Q(function() {
     return S.findIndex(function(z) {
       return z.key === ee;
     });
-  }), j = M(w, 2), Y = j[0], Q = j[1];
+  }), H = L(E, 2), Y = H[0], J = H[1];
   me(function() {
-    var z = S.findIndex(function(xe) {
-      return xe.key === ee;
+    var z = S.findIndex(function(Ce) {
+      return Ce.key === ee;
     });
     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);
     }
-    Q(z);
+    J(z);
   }, [S.map(function(z) {
     return z.key;
   }).join("_"), ee, Y]);
   var F = Nt(null, {
     value: n
-  }), re = M(F, 2), ae = re[0], he = re[1];
+  }), 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);
   }, []);
   function fe(z, de) {
-    X == null || X(z, de);
-    var xe = z !== ee;
-    ve(z), xe && (K == null || K(z));
+    G == null || G(z, de);
+    var Ce = z !== ee;
+    ve(z), Ce && (D == null || D(z));
   }
   var ie = {
     id: ae,
     activeKey: ee,
     animated: _,
-    tabPosition: E,
+    tabPosition: P,
     rtl: f,
     mobile: v
   }, $e = se(se({}, ie), {}, {
     editable: m,
-    locale: h,
+    locale: g,
     more: $,
-    tabBarGutter: B,
+    tabBarGutter: A,
     onTabClick: fe,
     onTabScroll: q,
     extra: N,
-    style: C,
+    style: x,
     panes: null,
     getPopupContainer: O,
-    popupClassName: x,
+    popupClassName: C,
     indicator: T
   });
   return /* @__PURE__ */ l.createElement(Ve.Provider, {
@@ -849,11 +853,11 @@ var rn = ["id", "prefixCls", "className", "items", "direction", "activeKey", "de
   }, /* @__PURE__ */ l.createElement("div", pe({
     ref: t,
     id: n,
-    className: A(r, "".concat(r, "-").concat(E), ne(ne(ne({}, "".concat(r, "-mobile"), v), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), f), o)
-  }, g), /* @__PURE__ */ l.createElement(Yt, pe({}, $e, {
-    renderTabBar: G
+    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({
-    destroyInactiveTabPane: P
+    destroyInactiveTabPane: w
   }, ie, {
     animated: _
   }))));
@@ -1110,7 +1114,7 @@ const un = (e) => {
               _skip_check_: !0,
               value: e.marginSM
             },
-            color: e.colorTextDescription,
+            color: e.colorIcon,
             fontSize: e.fontSizeSM,
             background: "transparent",
             border: 0,
@@ -1453,7 +1457,7 @@ const un = (e) => {
           _skip_check_: !0,
           value: e.marginXS
         },
-        color: e.colorTextDescription,
+        color: e.colorIcon,
         fontSize: e.fontSizeSM,
         background: "transparent",
         border: "none",
@@ -1766,8 +1770,8 @@ const un = (e) => {
     tabsHorizontalItemMarginRTL: `0 0 0 ${u(e.horizontalItemGutter)}`
   });
   return [mn(t), pn(t), bn(t), fn(t), vn(t), hn(t), un(t)];
-}, $n), Qt = () => null;
-process.env.NODE_ENV !== "production" && (Qt.displayName = "DeprecatedTabPane");
+}, $n), Jt = () => null;
+process.env.NODE_ENV !== "production" && (Jt.displayName = "DeprecatedTabPane");
 var Sn = function(e, t) {
   var n = {};
   for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
@@ -1776,34 +1780,34 @@ var Sn = function(e, t) {
   return n;
 };
 const st = (e) => {
-  var t, n, a, r, o, c, i, d, s, m, p;
+  var t, n, a, r, o, c, i, d, s, m, h;
   const {
     type: y,
-    className: E,
-    rootClassName: B,
-    size: C,
+    className: P,
+    rootClassName: A,
+    size: x,
     onEdit: N,
-    hideAdd: h,
+    hideAdd: g,
     centered: $,
-    addIcon: P,
-    removeIcon: G,
-    moreIcon: K,
-    more: X,
+    addIcon: w,
+    removeIcon: M,
+    moreIcon: D,
+    more: G,
     popupClassName: q,
     children: O,
-    items: x,
+    items: C,
     animated: T,
-    style: g,
+    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: H,
+    direction: V,
     tabs: v,
-    getPrefixCls: J,
+    getPrefixCls: Z,
     getPopupContainer: R
-  } = l.useContext(Me), U = J("tabs", k), ee = Oa(U), [ve, w, j] = yn(U, ee);
+  } = 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) => {
@@ -1813,43 +1817,43 @@ const st = (e) => {
       } = $e;
       N == null || N(ie === "add" ? de : z, ie);
     },
-    removeIcon: (t = G ?? (v == null ? void 0 : v.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ l.createElement(Ia, null),
-    addIcon: (P ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ l.createElement(Xt, null),
-    showAdd: h !== !0
+    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),
+    showAdd: g !== !0
   });
-  const Q = J();
+  const J = Z();
   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 F = Kt(C), re = dn(x, O), ae = ln(U, T), he = Object.assign(Object.assign({}, v == null ? void 0 : v.style), g), fe = {
+  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 = {
     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
   };
   return ve(/* @__PURE__ */ l.createElement(kt, Object.assign({
-    direction: H,
+    direction: V,
     getPopupContainer: R
   }, _, {
     items: re,
-    className: A({
+    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, E, B, w, j, ee),
-    popupClassName: A(q, w, j, ee),
+    }, v == null ? void 0 : v.className, P, A, E, H, ee),
+    popupClassName: W(q, E, H, ee),
     style: he,
     editable: Y,
     more: Object.assign({
-      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 : K) !== null && p !== void 0 ? p : /* @__PURE__ */ l.createElement(ja, null),
-      transitionName: `${Q}-slide-up`
-    }, X),
+      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
   })));
 };
-st.TabPane = Qt;
+st.TabPane = Jt;
 process.env.NODE_ENV !== "production" && (st.displayName = "Tabs");
 var _n = function(e, t) {
   var n = {};
@@ -1858,7 +1862,7 @@ var _n = function(e, t) {
     t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
   return n;
 };
-const Zt = (e) => {
+const Qt = (e) => {
   var {
     prefixCls: t,
     className: n,
@@ -1866,13 +1870,13 @@ const Zt = (e) => {
   } = e, r = _n(e, ["prefixCls", "className", "hoverable"]);
   const {
     getPrefixCls: o
-  } = l.useContext(Me), c = o("card", t), i = A(`${c}-grid`, n, {
+  } = l.useContext(Me), c = o("card", t), i = W(`${c}-grid`, n, {
     [`${c}-grid-hoverable`]: a
   });
   return /* @__PURE__ */ l.createElement("div", Object.assign({}, r, {
     className: i
   }));
-}, xn = (e) => {
+}, Cn = (e) => {
   const {
     antCls: t,
     componentCls: n,
@@ -1923,7 +1927,7 @@ const Zt = (e) => {
       }
     }
   });
-}, Cn = (e) => {
+}, xn = (e) => {
   const {
     cardPaddingBase: t,
     colorBorderSecondary: n,
@@ -1985,7 +1989,7 @@ const Zt = (e) => {
         [`a:not(${t}-btn), > ${n}`]: {
           display: "inline-block",
           width: "100%",
-          color: e.colorTextDescription,
+          color: e.colorIcon,
           lineHeight: u(e.fontHeight),
           transition: `color ${e.motionDurationMid}`,
           "&:hover": {
@@ -2071,7 +2075,7 @@ const Zt = (e) => {
       [`&:not(${t}-bordered)`]: {
         boxShadow: o
       },
-      [`${t}-head`]: xn(e),
+      [`${t}-head`]: Cn(e),
       [`${t}-extra`]: {
         // https://stackoverflow.com/a/22429853/3040605
         marginInlineStart: "auto",
@@ -2083,7 +2087,7 @@ const Zt = (e) => {
         padding: c,
         borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
       }, We()),
-      [`${t}-grid`]: Cn(e),
+      [`${t}-grid`]: xn(e),
       [`${t}-cover`]: {
         "> *": {
           display: "block",
@@ -2238,106 +2242,106 @@ const zn = (e) => {
     bodyStyle: d = {},
     title: s,
     loading: m,
-    bordered: p,
+    bordered: h,
     variant: y,
-    size: E,
-    type: B,
-    cover: C,
+    size: P,
+    type: A,
+    cover: x,
     actions: N,
-    tabList: h,
+    tabList: g,
     children: $,
-    activeTabKey: P,
-    defaultActiveTabKey: G,
-    tabBarExtraContent: K,
-    hoverable: X,
+    activeTabKey: w,
+    defaultActiveTabKey: M,
+    tabBarExtraContent: D,
+    hoverable: G,
     tabProps: q = {},
     classNames: O,
-    styles: x
+    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: g,
+    getPrefixCls: p,
     direction: S,
     card: f
-  } = l.useContext(Me), [_] = Aa("card", y, p);
+  } = l.useContext(Me), [_] = Aa("card", y, h);
   if (process.env.NODE_ENV !== "production") {
-    const W = rt("Card");
-    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"], ["bordered", "variant"]].forEach((L) => {
-      let [oe, Ce] = L;
-      W.deprecated(!(oe in e), oe, Ce);
+    const K = rt("Card");
+    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"], ["bordered", "variant"]].forEach((B) => {
+      let [oe, xe] = B;
+      K.deprecated(!(oe in e), oe, xe);
     });
   }
-  const k = (W) => {
-    var L;
-    (L = e.onTabChange) === null || L === void 0 || L.call(e, W);
-  }, H = (W) => {
-    var L;
-    return A((L = f == null ? void 0 : f.classNames) === null || L === void 0 ? void 0 : L[W], O == null ? void 0 : O[W]);
-  }, v = (W) => {
-    var L;
-    return Object.assign(Object.assign({}, (L = f == null ? void 0 : f.styles) === null || L === void 0 ? void 0 : L[W]), x == null ? void 0 : x[W]);
-  }, J = l.useMemo(() => {
-    let W = !1;
-    return l.Children.forEach($, (L) => {
-      (L == null ? void 0 : L.type) === Zt && (W = !0);
-    }), W;
-  }, [$]), R = g("card", n), [U, ee, ve] = In(R), w = /* @__PURE__ */ l.createElement(za, {
+  const k = (K) => {
+    var B;
+    (B = e.onTabChange) === null || B === void 0 || B.call(e, 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(() => {
+    let K = !1;
+    return l.Children.forEach($, (B) => {
+      (B == null ? void 0 : B.type) === Qt && (K = !0);
+    }), K;
+  }, [$]), R = p("card", n), [U, ee, ve] = In(R), E = /* @__PURE__ */ l.createElement(za, {
     loading: !0,
     active: !0,
     paragraph: {
       rows: 4
     },
     title: !1
-  }, $), j = P !== void 0, Y = Object.assign(Object.assign({}, q), {
-    [j ? "activeKey" : "defaultActiveKey"]: j ? P : G,
-    tabBarExtraContent: K
+  }, $), H = w !== void 0, Y = Object.assign(Object.assign({}, q), {
+    [H ? "activeKey" : "defaultActiveKey"]: H ? w : M,
+    tabBarExtraContent: D
   });
-  let Q;
-  const F = Kt(E), re = !F || F === "default" ? "large" : F, ae = h ? /* @__PURE__ */ l.createElement(st, Object.assign({
+  let J;
+  const F = Kt(P), re = !F || F === "default" ? "large" : F, ae = g ? /* @__PURE__ */ l.createElement(st, Object.assign({
     size: re
   }, Y, {
     className: `${R}-head-tabs`,
     onChange: k,
-    items: h.map((W) => {
+    items: g.map((K) => {
       var {
-        tab: L
-      } = W, oe = At(W, ["tab"]);
+        tab: B
+      } = K, oe = At(K, ["tab"]);
       return Object.assign({
-        label: L
+        label: B
       }, oe);
     })
   })) : null;
   if (s || c || ae) {
-    const W = A(`${R}-head`, H("header")), L = A(`${R}-head-title`, H("title")), oe = A(`${R}-extra`, H("extra")), Ce = Object.assign(Object.assign({}, i), v("header"));
-    Q = /* @__PURE__ */ l.createElement("div", {
-      className: W,
-      style: Ce
+    const K = W(`${R}-head`, V("header")), B = W(`${R}-head-title`, V("title")), oe = W(`${R}-extra`, V("extra")), xe = Object.assign(Object.assign({}, i), v("header"));
+    J = /* @__PURE__ */ l.createElement("div", {
+      className: K,
+      style: xe
     }, /* @__PURE__ */ l.createElement("div", {
       className: `${R}-head-wrapper`
     }, s && /* @__PURE__ */ l.createElement("div", {
-      className: L,
+      className: B,
       style: v("title")
     }, s), c && /* @__PURE__ */ l.createElement("div", {
       className: oe,
       style: v("extra")
     }, c)), ae);
   }
-  const he = A(`${R}-cover`, H("cover")), fe = C ? /* @__PURE__ */ l.createElement("div", {
+  const he = W(`${R}-cover`, V("cover")), fe = x ? /* @__PURE__ */ l.createElement("div", {
     className: he,
     style: v("cover")
-  }, C) : null, ie = A(`${R}-body`, H("body")), $e = Object.assign(Object.assign({}, d), v("body")), z = /* @__PURE__ */ l.createElement("div", {
+  }, 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 ? w : $), de = A(`${R}-actions`, H("actions")), xe = N != null && N.length ? /* @__PURE__ */ l.createElement(zn, {
+  }, m ? E : $), de = W(`${R}-actions`, V("actions")), Ce = N != null && N.length ? /* @__PURE__ */ l.createElement(zn, {
     actionClasses: de,
     actionStyle: v("actions"),
     actions: N
-  }) : null, Le = Ra(T, ["onTabChange"]), Xe = A(R, f == null ? void 0 : f.className, {
+  }) : null, Le = Ra(T, ["onTabChange"]), Xe = W(R, f == null ? void 0 : f.className, {
     [`${R}-loading`]: m,
     [`${R}-bordered`]: _ !== "borderless",
-    [`${R}-hoverable`]: X,
-    [`${R}-contain-grid`]: J,
-    [`${R}-contain-tabs`]: h == null ? void 0 : h.length,
+    [`${R}-hoverable`]: G,
+    [`${R}-contain-grid`]: Z,
+    [`${R}-contain-tabs`]: g == null ? void 0 : g.length,
     [`${R}-${F}`]: F,
-    [`${R}-type-${B}`]: !!B,
+    [`${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({
@@ -2345,7 +2349,7 @@ const zn = (e) => {
   }, Le, {
     className: Xe,
     style: qe
-  }), Q, fe, z, xe));
+  }), J, fe, z, Ce));
 });
 var Ln = function(e, t) {
   var n = {};
@@ -2363,20 +2367,20 @@ const Dn = (e) => {
     description: o
   } = e, c = Ln(e, ["prefixCls", "className", "avatar", "title", "description"]), {
     getPrefixCls: i
-  } = l.useContext(Me), d = i("card", t), s = A(`${d}-meta`, n), m = a ? /* @__PURE__ */ l.createElement("div", {
+  } = l.useContext(Me), d = i("card", t), s = W(`${d}-meta`, n), m = a ? /* @__PURE__ */ l.createElement("div", {
     className: `${d}-meta-avatar`
-  }, a) : null, p = r ? /* @__PURE__ */ l.createElement("div", {
+  }, a) : null, h = r ? /* @__PURE__ */ l.createElement("div", {
     className: `${d}-meta-title`
   }, r) : null, y = o ? /* @__PURE__ */ l.createElement("div", {
     className: `${d}-meta-description`
-  }, o) : null, E = p || y ? /* @__PURE__ */ l.createElement("div", {
+  }, o) : null, P = h || y ? /* @__PURE__ */ l.createElement("div", {
     className: `${d}-meta-detail`
-  }, p, y) : null;
+  }, h, y) : null;
   return /* @__PURE__ */ l.createElement("div", Object.assign({}, c, {
     className: s
-  }), m, E);
+  }), m, P);
 }, Ke = Mn;
-Ke.Grid = Zt;
+Ke.Grid = Qt;
 Ke.Meta = Dn;
 process.env.NODE_ENV !== "production" && (Ke.displayName = "Card");
 const Bn = "_kpiCard_19chq_43", jn = "_width430_19chq_49", An = "_width384_19chq_58", Gn = "_flexCol_19chq_62", Hn = "_flexRow_19chq_67", Wn = "_title_19chq_72", Vn = "_content_19chq_98", _e = {
@@ -2388,7 +2392,7 @@ const Bn = "_kpiCard_19chq_43", jn = "_width430_19chq_49", An = "_width384_19chq
   title: Wn,
   content: Vn
 };
-function Zn({ title: e, content: t, icon: n, menuCollapsed: a }) {
+function Qn({ title: e, content: t, icon: n, menuCollapsed: a }) {
   return /* @__PURE__ */ ze(Ke, { className: pa(_e.kpiCard, a ? _e.width430 : _e.width384), children: e && t ? /* @__PURE__ */ ze("div", { className: _e.flexCol, children: /* @__PURE__ */ Et("div", { className: _e.flexRow, children: [
     n,
     /* @__PURE__ */ Et("div", { className: _e.flexCol, children: [
@@ -2398,5 +2402,5 @@ function Zn({ title: e, content: t, icon: n, menuCollapsed: a }) {
   ] }) }) : /* @__PURE__ */ ze(ga, {}) });
 }
 export {
-  Zn as KpiCard
+  Qn as KpiCard
 };