@amateescu/portal-ui-components 0.0.24 → 0.0.25-react19

package/dist/components/KpiCard/KpiCard.js

@@ -1,212 +1,224 @@
-import { jsx as Te, jsxs as gt } from "react/jsx-runtime";
-import { LoadingAnimation as ra } from "../LoadingAnimation/LoadingAnimation.js";
-import { cn as ia } from "../../portal-utils/cn.js";
+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 oa, { createContext as la, useState as J, useRef as Z, useEffect as fe, useMemo as Rt } from "react";
-import { I as ca, b as M, w as pt, d as re, e as sa, f as Qe, h as ee, c as B, i as ve, j as da, _ as ht, k as ua, l as Be, n as va, p as fa, q as $t, r as ba, s as Ze, t as ma, g as Ot, m as It, u as d, v as Je, x as ke, y as zt, a as De, z as ga, A as Lt, B as je, o as pa } from "../../useId-DbfH3PlN.js";
-import { R as ha, S as $a } from "../../Skeleton-XFbjx7LJ.js";
-import { E as ya, M as Sa, D as _a, R as Ue, i as xa, a as yt, b as Ca } from "../../EllipsisOutlined-CtmB5yDB.js";
-import { a as be } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
-import '../../assets/KpiCard.css';var wa = { 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" }, Ea = function(t, n) {
-  return /* @__PURE__ */ l.createElement(ca, be({}, t, {
+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-D_FWkiDE.js";
+import { R as Ia, S as za } from "../../Skeleton-Imy-56Lv.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-DfTPoz8U.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;
+  const {
+    variant: o,
+    [e]: c
+  } = l.useContext(Me), i = l.useContext(ya), d = c == null ? void 0 : c.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";
+  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, {
     ref: n,
-    icon: wa
+    icon: Ga
   }));
-}, Mt = /* @__PURE__ */ l.forwardRef(Ea);
-process.env.NODE_ENV !== "production" && (Mt.displayName = "PlusOutlined");
-const Ae = /* @__PURE__ */ la(null);
-var Ta = function(t) {
-  var n = t.activeTabOffset, a = t.horizontal, r = t.rtl, i = t.indicator, c = i === void 0 ? {} : i, o = c.size, s = c.align, u = s === void 0 ? "center" : s, b = J(), g = M(b, 2), h = g[0], T = g[1], I = Z(), w = oa.useCallback(function(p) {
-    return typeof o == "function" ? o(p) : typeof o == "number" ? o : p;
-  }, [o]);
-  function P() {
-    pt.cancel(I.current);
+}, Xt = /* @__PURE__ */ l.forwardRef(Ha);
+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;
+  }, [i]);
+  function N() {
+    Pt.cancel(B.current);
   }
-  return fe(function() {
-    var p = {};
+  return me(function() {
+    var h = {};
     if (n)
       if (a) {
-        p.width = w(n.width);
-        var f = r ? "right" : "left";
-        u === "start" && (p[f] = n[f]), u === "center" && (p[f] = n[f] + n.width / 2, p.transform = r ? "translateX(50%)" : "translateX(-50%)"), u === "end" && (p[f] = n[f] + n.width, p.transform = "translateX(-100%)");
+        h.width = C(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%)");
       } else
-        p.height = w(n.height), u === "start" && (p.top = n.top), u === "center" && (p.top = n.top + n.height / 2, p.transform = "translateY(-50%)"), u === "end" && (p.top = n.top + n.height, p.transform = "translateY(-100%)");
-    return P(), I.current = pt(function() {
-      T(p);
-    }), P;
-  }, [n, a, r, u, w]), {
-    style: h
+        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);
+    }), N;
+  }, [n, a, r, s, C]), {
+    style: y
   };
-}, St = {
+}, Rt = {
   width: 0,
   height: 0,
   left: 0,
   top: 0
 };
-function Pa(e, t, n) {
-  return Rt(function() {
-    for (var a, r = /* @__PURE__ */ new Map(), i = t.get((a = e[0]) === null || a === void 0 ? void 0 : a.key) || St, c = i.left + i.width, o = 0; o < e.length; o += 1) {
-      var s = e[o].key, u = t.get(s);
-      if (!u) {
-        var b;
-        u = t.get((b = e[o - 1]) === null || b === void 0 ? void 0 : b.key) || St;
+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);
+      if (!s) {
+        var m;
+        s = t.get((m = e[i - 1]) === null || m === void 0 ? void 0 : m.key) || Rt;
       }
-      var g = r.get(s) || re({}, u);
-      g.right = c - g.left - g.width, r.set(s, g);
+      var p = r.get(d) || se({}, s);
+      p.right = c - p.left - p.width, r.set(d, p);
     }
     return r;
   }, [e.map(function(a) {
     return a.key;
   }).join("_"), t, n]);
 }
-function _t(e, t) {
-  var n = l.useRef(e), a = l.useState({}), r = M(a, 2), i = r[1];
-  function c(o) {
-    var s = typeof o == "function" ? o(n.current) : o;
-    s !== n.current && t(s, n.current), n.current = s, i({});
+function It(e, t) {
+  var n = l.useRef(e), a = l.useState({}), r = M(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({});
   }
   return [n.current, c];
 }
-var Na = 0.1, xt = 0.01, Me = 20, Ct = Math.pow(0.995, Me);
-function Ra(e, t) {
-  var n = J(), a = M(n, 2), r = a[0], i = a[1], c = J(0), o = M(c, 2), s = o[0], u = o[1], b = J(0), g = M(b, 2), h = g[0], T = g[1], I = J(), w = M(I, 2), P = w[0], p = w[1], f = Z();
-  function N(x) {
-    var R = x.touches[0], _ = R.screenX, m = R.screenY;
-    i({
-      x: _,
-      y: m
-    }), window.clearInterval(f.current);
+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;
+    o({
+      x: g,
+      y: S
+    }), window.clearInterval($.current);
   }
-  function z(x) {
+  function G(x) {
     if (r) {
-      var R = x.touches[0], _ = R.screenX, m = R.screenY;
-      i({
-        x: _,
-        y: m
+      var T = x.touches[0], g = T.screenX, S = T.screenY;
+      o({
+        x: g,
+        y: S
       });
-      var $ = _ - r.x, y = m - r.y;
-      t($, y);
-      var V = Date.now();
-      u(V), T(V - s), p({
-        x: $,
-        y
+      var f = g - r.x, _ = S - r.y;
+      t(f, _);
+      var k = Date.now();
+      s(k), E(k - d), h({
+        x: f,
+        y: _
       });
     }
   }
-  function G() {
-    if (r && (i(null), p(null), P)) {
-      var x = P.x / h, R = P.y / h, _ = Math.abs(x), m = Math.abs(R);
-      if (Math.max(_, m) < Na) return;
-      var $ = x, y = R;
-      f.current = window.setInterval(function() {
-        if (Math.abs($) < xt && Math.abs(y) < xt) {
-          window.clearInterval(f.current);
+  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;
+      $.current = window.setInterval(function() {
+        if (Math.abs(f) < zt && Math.abs(_) < zt) {
+          window.clearInterval($.current);
           return;
         }
-        $ *= Ct, y *= Ct, t($ * Me, y * Me);
-      }, Me);
+        f *= Mt, _ *= Mt, t(f * Ge, _ * Ge);
+      }, Ge);
     }
   }
-  var W = Z();
-  function D(x) {
-    var R = x.deltaX, _ = x.deltaY, m = 0, $ = Math.abs(R), y = Math.abs(_);
-    $ === y ? m = W.current === "x" ? R : _ : $ > y ? (m = R, W.current = "x") : (m = _, W.current = "y"), t(-m, -m) && x.preventDefault();
+  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 S = Z(null);
-  S.current = {
-    onTouchStart: N,
-    onTouchMove: z,
-    onTouchEnd: G,
-    onWheel: D
+  var O = te(null);
+  O.current = {
+    onTouchStart: P,
+    onTouchMove: G,
+    onTouchEnd: K,
+    onWheel: q
   }, l.useEffect(function() {
-    function x($) {
-      S.current.onTouchStart($);
+    function x(f) {
+      O.current.onTouchStart(f);
     }
-    function R($) {
-      S.current.onTouchMove($);
+    function T(f) {
+      O.current.onTouchMove(f);
     }
-    function _($) {
-      S.current.onTouchEnd($);
+    function g(f) {
+      O.current.onTouchEnd(f);
     }
-    function m($) {
-      S.current.onWheel($);
+    function S(f) {
+      O.current.onWheel(f);
     }
-    return document.addEventListener("touchmove", R, {
+    return document.addEventListener("touchmove", T, {
       passive: !1
-    }), document.addEventListener("touchend", _, {
+    }), document.addEventListener("touchend", g, {
       passive: !0
     }), e.current.addEventListener("touchstart", x, {
       passive: !0
-    }), e.current.addEventListener("wheel", m, {
+    }), e.current.addEventListener("wheel", S, {
       passive: !1
     }), function() {
-      document.removeEventListener("touchmove", R), document.removeEventListener("touchend", _);
+      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", g);
     };
   }, []);
 }
-function Bt(e) {
-  var t = J(0), n = M(t, 2), a = n[0], r = n[1], i = Z(0), c = Z();
-  return c.current = e, sa(function() {
-    var o;
-    (o = c.current) === null || o === void 0 || o.call(c);
+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 i;
+    (i = c.current) === null || i === void 0 || i.call(c);
   }, [a]), function() {
-    i.current === a && (i.current += 1, r(i.current));
+    o.current === a && (o.current += 1, r(o.current));
   };
 }
-function Oa(e) {
-  var t = Z([]), n = J({}), a = M(n, 2), r = a[1], i = Z(typeof e == "function" ? e() : e), c = Bt(function() {
-    var s = i.current;
-    t.current.forEach(function(u) {
-      s = u(s);
-    }), t.current = [], i.current = s, r({});
+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 d = o.current;
+    t.current.forEach(function(s) {
+      d = s(d);
+    }), t.current = [], o.current = d, r({});
   });
-  function o(s) {
-    t.current.push(s), c();
+  function i(d) {
+    t.current.push(d), c();
   }
-  return [i.current, o];
+  return [o.current, i];
 }
-var wt = {
+var Lt = {
   width: 0,
   height: 0,
   left: 0,
   top: 0,
   right: 0
 };
-function Ia(e, t, n, a, r, i, c) {
-  var o = c.tabs, s = c.tabPosition, u = c.rtl, b, g, h;
-  return ["top", "bottom"].includes(s) ? (b = "width", g = u ? "right" : "left", h = Math.abs(n)) : (b = "height", g = "top", h = -n), Rt(function() {
-    if (!o.length)
+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() {
+    if (!i.length)
       return [0, 0];
-    for (var T = o.length, I = T, w = 0; w < T; w += 1) {
-      var P = e.get(o[w].key) || wt;
-      if (Math.floor(P[g] + P[b]) > Math.floor(h + t)) {
-        I = w - 1;
+    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;
         break;
       }
     }
-    for (var p = 0, f = T - 1; f >= 0; f -= 1) {
-      var N = e.get(o[f].key) || wt;
-      if (N[g] < h) {
-        p = f + 1;
+    for (var h = 0, $ = E - 1; $ >= 0; $ -= 1) {
+      var P = e.get(i[$].key) || Lt;
+      if (P[p] < y) {
+        h = $ + 1;
         break;
       }
     }
-    return p >= I ? [0, 0] : [p, I];
-  }, [e, t, a, r, i, h, s, o.map(function(T) {
-    return T.key;
-  }).join("_"), u]);
+    return h >= B ? [0, 0] : [h, B];
+  }, [e, t, a, r, o, y, d, i.map(function(E) {
+    return E.key;
+  }).join("_"), s]);
 }
-function Et(e) {
+function Dt(e) {
   var t;
   return e instanceof Map ? (t = {}, e.forEach(function(n, a) {
     t[a] = n;
   })) : t = e, JSON.stringify(t);
 }
-var za = "TABS_DQ";
-function Dt(e) {
-  return String(e).replace(/"/g, za);
+var Ua = "TABS_DQ";
+function Ft(e) {
+  return String(e).replace(/"/g, Ua);
 }
-function jt(e, t, n, a) {
+function lt(e, t, n, a) {
   return (
     // Only editable tabs can be removed
     !(!n || // Tabs cannot be removed when disabled
@@ -215,455 +227,542 @@ function jt(e, t, n, a) {
     e === void 0 && (t === !1 || t === null))
   );
 }
-var At = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.editable, r = e.locale, i = e.style;
+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", {
     ref: t,
     type: "button",
     className: "".concat(n, "-nav-add"),
-    style: i,
+    style: o,
     "aria-label": (r == null ? void 0 : r.addAriaLabel) || "Add tab",
-    onClick: function(o) {
+    onClick: function(i) {
       a.onEdit("add", {
-        event: o
+        event: i
       });
     }
   }, a.addIcon || "+");
-}), Ye = /* @__PURE__ */ l.forwardRef(function(e, t) {
+}), at = /* @__PURE__ */ l.forwardRef(function(e, t) {
   var n = e.position, a = e.prefixCls, r = e.extra;
   if (!r)
     return null;
-  var i, c = {};
-  return Qe(r) === "object" && !/* @__PURE__ */ l.isValidElement(r) ? c = r : c.right = r, n === "right" && (i = c.right), n === "left" && (i = c.left), i ? /* @__PURE__ */ l.createElement("div", {
+  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", {
     className: "".concat(a, "-extra-content"),
     ref: t
-  }, i) : null;
+  }, o) : null;
 });
-process.env.NODE_ENV !== "production" && (Ye.displayName = "ExtraContent");
-var La = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.id, r = e.tabs, i = e.locale, c = e.mobile, o = e.more, s = o === void 0 ? {} : o, u = e.style, b = e.className, g = e.editable, h = e.tabBarGutter, T = e.rtl, I = e.removeAriaLabel, w = e.onTabClick, P = e.getPopupContainer, p = e.popupClassName, f = J(!1), N = M(f, 2), z = N[0], G = N[1], W = J(null), D = M(W, 2), S = D[0], x = D[1], R = s.icon, _ = R === void 0 ? "More" : R, m = "".concat(a, "-more-popup"), $ = "".concat(n, "-dropdown"), y = S !== null ? "".concat(m, "-").concat(S) : null, V = i == null ? void 0 : i.dropdownAriaLabel;
-  function se(E, L) {
-    E.preventDefault(), E.stopPropagation(), g.onEdit("remove", {
-      key: L,
-      event: E
+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 v = /* @__PURE__ */ l.createElement(ya, {
-    onClick: function(L) {
-      var j = L.key, U = L.domEvent;
-      w(j, U), G(!1);
+  var v = /* @__PURE__ */ l.createElement(Ma, {
+    onClick: function(j) {
+      var Y = j.key, Q = j.domEvent;
+      C(Y, Q), K(!1);
     },
-    prefixCls: "".concat($, "-menu"),
-    id: m,
+    prefixCls: "".concat(f, "-menu"),
+    id: S,
     tabIndex: -1,
     role: "listbox",
-    "aria-activedescendant": y,
-    selectedKeys: [S],
-    "aria-label": V !== void 0 ? V : "expanded dropdown"
-  }, r.map(function(E) {
-    var L = E.closable, j = E.disabled, U = E.closeIcon, Y = E.key, te = E.label, k = jt(L, U, g, j);
-    return /* @__PURE__ */ l.createElement(Sa, {
-      key: Y,
-      id: "".concat(m, "-").concat(Y),
+    "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);
+    return /* @__PURE__ */ l.createElement(La, {
+      key: F,
+      id: "".concat(S, "-").concat(F),
       role: "option",
-      "aria-controls": a && "".concat(a, "-panel-").concat(Y),
-      disabled: j
-    }, /* @__PURE__ */ l.createElement("span", null, te), k && /* @__PURE__ */ l.createElement("button", {
+      "aria-controls": a && "".concat(a, "-panel-").concat(F),
+      disabled: Y
+    }, /* @__PURE__ */ l.createElement("span", null, re), ae && /* @__PURE__ */ l.createElement("button", {
       type: "button",
-      "aria-label": I || "remove",
+      "aria-label": B || "remove",
       tabIndex: 0,
-      className: "".concat($, "-menu-item-remove"),
-      onClick: function(de) {
-        de.stopPropagation(), se(de, Y);
+      className: "".concat(f, "-menu-item-remove"),
+      onClick: function(fe) {
+        fe.stopPropagation(), H(fe, F);
       }
-    }, U || g.removeIcon || "×"));
+    }, Q || p.removeIcon || "×"));
   }));
-  function F(E) {
-    for (var L = r.filter(function(k) {
-      return !k.disabled;
-    }), j = L.findIndex(function(k) {
-      return k.key === S;
-    }) || 0, U = L.length, Y = 0; Y < U; Y += 1) {
-      j = (j + E + U) % U;
-      var te = L[j];
-      if (!te.disabled) {
-        x(te.key);
+  function J(w) {
+    for (var j = r.filter(function(ae) {
+      return !ae.disabled;
+    }), Y = j.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];
+      if (!re.disabled) {
+        x(re.key);
         return;
       }
     }
   }
-  function ie(E) {
-    var L = E.which;
-    if (!z) {
-      [ve.DOWN, ve.SPACE, ve.ENTER].includes(L) && (G(!0), E.preventDefault());
+  function R(w) {
+    var j = w.which;
+    if (!G) {
+      [Se.DOWN, Se.SPACE, Se.ENTER].includes(j) && (K(!0), w.preventDefault());
       return;
     }
-    switch (L) {
-      case ve.UP:
-        F(-1), E.preventDefault();
+    switch (j) {
+      case Se.UP:
+        J(-1), w.preventDefault();
         break;
-      case ve.DOWN:
-        F(1), E.preventDefault();
+      case Se.DOWN:
+        J(1), w.preventDefault();
         break;
-      case ve.ESC:
-        G(!1);
+      case Se.ESC:
+        K(!1);
         break;
-      case ve.SPACE:
-      case ve.ENTER:
-        S !== null && w(S, E);
+      case Se.SPACE:
+      case Se.ENTER:
+        O !== null && C(O, w);
         break;
     }
   }
-  fe(function() {
-    var E = document.getElementById(y);
-    E && E.scrollIntoView && E.scrollIntoView(!1);
-  }, [S]), fe(function() {
-    z || x(null);
-  }, [z]);
-  var K = ee({}, T ? "marginRight" : "marginLeft", h);
-  r.length || (K.visibility = "hidden", K.order = 1);
-  var Q = B(ee({}, "".concat($, "-rtl"), T)), oe = c ? null : /* @__PURE__ */ l.createElement(_a, be({
-    prefixCls: $,
+  me(function() {
+    var w = document.getElementById(_);
+    w && w.scrollIntoView && w.scrollIntoView(!1);
+  }, [O]), me(function() {
+    G || x(null);
+  }, [G]);
+  var U = ne({}, E ? "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({
+    prefixCls: f,
     overlay: v,
-    visible: r.length ? z : !1,
-    onVisibleChange: G,
-    overlayClassName: B(Q, p),
+    visible: r.length ? G : !1,
+    onVisibleChange: K,
+    overlayClassName: A(ee, h),
     mouseEnterDelay: 0.1,
     mouseLeaveDelay: 0.1,
-    getPopupContainer: P
-  }, s), /* @__PURE__ */ l.createElement("button", {
+    getPopupContainer: N
+  }, d), /* @__PURE__ */ l.createElement("button", {
     type: "button",
     className: "".concat(n, "-nav-more"),
-    style: K,
-    tabIndex: -1,
-    "aria-hidden": "true",
+    style: U,
     "aria-haspopup": "listbox",
-    "aria-controls": m,
+    "aria-controls": S,
     id: "".concat(a, "-more"),
-    "aria-expanded": z,
-    onKeyDown: ie
-  }, _));
+    "aria-expanded": G,
+    onKeyDown: R
+  }, g));
   return /* @__PURE__ */ l.createElement("div", {
-    className: B("".concat(n, "-nav-operations"), b),
-    style: u,
+    className: A("".concat(n, "-nav-operations"), m),
+    style: s,
     ref: t
-  }, oe, /* @__PURE__ */ l.createElement(At, {
+  }, ve, /* @__PURE__ */ l.createElement(Ut, {
     prefixCls: n,
-    locale: i,
-    editable: g
+    locale: o,
+    editable: p
   }));
 });
-const Ma = /* @__PURE__ */ l.memo(La, function(e, t) {
+const ka = /* @__PURE__ */ l.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
     t.tabMoving
   );
 });
-var Ba = function(t) {
-  var n = t.prefixCls, a = t.id, r = t.active, i = t.tab, c = i.key, o = i.label, s = i.disabled, u = i.closeIcon, b = i.icon, g = t.closable, h = t.renderWrapper, T = t.removeAriaLabel, I = t.editable, w = t.onClick, P = t.onFocus, p = t.style, f = "".concat(n, "-tab"), N = jt(g, u, I, s);
-  function z(S) {
-    s || w(S);
+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);
   }
-  function G(S) {
-    S.preventDefault(), S.stopPropagation(), I.onEdit("remove", {
-      key: c,
-      event: S
+  function S(H) {
+    H.preventDefault(), H.stopPropagation(), C.onEdit("remove", {
+      key: i,
+      event: H
     });
   }
-  var W = l.useMemo(function() {
-    return b && typeof o == "string" ? /* @__PURE__ */ l.createElement("span", null, o) : o;
-  }, [o, b]), D = /* @__PURE__ */ l.createElement("div", {
-    key: c,
-    "data-node-key": Dt(c),
-    className: B(f, ee(ee(ee({}, "".concat(f, "-with-remove"), N), "".concat(f, "-active"), r), "".concat(f, "-disabled"), s)),
-    style: p,
-    onClick: z
+  var f = l.useMemo(function() {
+    return p && typeof d == "string" ? /* @__PURE__ */ l.createElement("span", null, d) : d;
+  }, [d, p]), _ = 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
   }, /* @__PURE__ */ l.createElement("div", {
+    ref: _,
     role: "tab",
     "aria-selected": r,
-    id: a && "".concat(a, "-tab-").concat(c),
-    className: "".concat(f, "-btn"),
-    "aria-controls": a && "".concat(a, "-panel-").concat(c),
+    id: a && "".concat(a, "-tab-").concat(i),
+    className: "".concat(x, "-btn"),
+    "aria-controls": a && "".concat(a, "-panel-").concat(i),
     "aria-disabled": s,
-    tabIndex: s ? null : 0,
-    onClick: function(x) {
-      x.stopPropagation(), z(x);
+    tabIndex: s ? null : r ? 0 : -1,
+    onClick: function(v) {
+      v.stopPropagation(), g(v);
     },
-    onKeyDown: function(x) {
-      [ve.SPACE, ve.ENTER].includes(x.which) && (x.preventDefault(), z(x));
-    },
-    onFocus: P
-  }, b && /* @__PURE__ */ l.createElement("span", {
-    className: "".concat(f, "-icon")
-  }, b), o && W), N && /* @__PURE__ */ l.createElement("button", {
+    onKeyDown: P,
+    onMouseDown: G,
+    onMouseUp: K,
+    onFocus: h,
+    onBlur: $
+  }, o && /* @__PURE__ */ l.createElement("div", {
+    "aria-live": "polite",
+    style: {
+      width: 0,
+      height: 0,
+      position: "absolute",
+      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", {
     type: "button",
-    "aria-label": T || "remove",
-    tabIndex: 0,
-    className: "".concat(f, "-remove"),
-    onClick: function(x) {
-      x.stopPropagation(), G(x);
+    role: "tab",
+    "aria-label": B || "remove",
+    tabIndex: r ? 0 : -1,
+    className: "".concat(x, "-remove"),
+    onClick: function(v) {
+      v.stopPropagation(), S(v);
     }
-  }, u || I.removeIcon || "×"));
-  return h ? h(D) : D;
-}, Da = function(t, n) {
-  var a = t.offsetWidth, r = t.offsetHeight, i = t.offsetTop, c = t.offsetLeft, o = t.getBoundingClientRect(), s = o.width, u = o.height, b = o.left, g = o.top;
-  return Math.abs(s - a) < 1 ? [s, u, b - n.left, g - n.top] : [a, r, c, i];
-}, Ce = function(t) {
-  var n = t.current || {}, a = n.offsetWidth, r = a === void 0 ? 0 : a, i = n.offsetHeight, c = i === void 0 ? 0 : i;
+  }, 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) {
+  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 o = t.current.getBoundingClientRect(), s = o.width, u = o.height;
-    if (Math.abs(s - r) < 1)
-      return [s, u];
+    var i = t.current.getBoundingClientRect(), d = i.width, s = i.height;
+    if (Math.abs(d - r) < 1)
+      return [d, s];
   }
   return [r, c];
-}, Le = function(t, n) {
+}, Ae = function(t, n) {
   return t[n ? 0 : 1];
-}, Tt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.className, a = e.style, r = e.id, i = e.animated, c = e.activeKey, o = e.rtl, s = e.extra, u = e.editable, b = e.locale, g = e.tabPosition, h = e.tabBarGutter, T = e.children, I = e.onTabClick, w = e.onTabScroll, P = e.indicator, p = l.useContext(Ae), f = p.prefixCls, N = p.tabs, z = Z(null), G = Z(null), W = Z(null), D = Z(null), S = Z(null), x = Z(null), R = Z(null), _ = g === "top" || g === "bottom", m = _t(0, function(H, C) {
-    _ && w && w({
-      direction: H > C ? "left" : "right"
+}, 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({
+      direction: I > b ? "left" : "right"
     });
-  }), $ = M(m, 2), y = $[0], V = $[1], se = _t(0, function(H, C) {
-    !_ && w && w({
-      direction: H > C ? "top" : "bottom"
+  }), f = M(S, 2), _ = f[0], k = f[1], H = It(0, function(I, b) {
+    !g && C && C({
+      direction: I > b ? "top" : "bottom"
     });
-  }), v = M(se, 2), F = v[0], ie = v[1], K = J([0, 0]), Q = M(K, 2), oe = Q[0], E = Q[1], L = J([0, 0]), j = M(L, 2), U = j[0], Y = j[1], te = J([0, 0]), k = M(te, 2), me = k[0], de = k[1], ne = J([0, 0]), ge = M(ne, 2), O = ge[0], le = ge[1], ye = Oa(/* @__PURE__ */ new Map()), Pe = M(ye, 2), X = Pe[0], A = Pe[1], ce = Pa(N, X, U[0]), Se = Le(oe, _), we = Le(U, _), Ge = Le(me, _), at = Le(O, _), nt = Math.floor(Se) < Math.floor(we + Ge), ue = nt ? Se - at : Se - Ge, Kt = "".concat(f, "-nav-operations-hidden"), pe = 0, _e = 0;
-  _ && o ? (pe = 0, _e = Math.max(0, we - ue)) : (pe = Math.min(0, ue - we), _e = 0);
-  function We(H) {
-    return H < pe ? pe : H > _e ? _e : H;
+  }), 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);
+  function Fe(I) {
+    return I < ye ? ye : I > we ? we : I;
   }
-  var Ve = Z(null), Xt = J(), rt = M(Xt, 2), Ne = rt[0], it = rt[1];
-  function Ke() {
-    it(Date.now());
+  var Ue = te(null), ea = Z(), vt = M(ea, 2), De = vt[0], ft = vt[1];
+  function Ye() {
+    ft(Date.now());
   }
-  function Xe() {
-    Ve.current && clearTimeout(Ve.current);
+  function ke() {
+    Ue.current && clearTimeout(Ue.current);
   }
-  Ra(D, function(H, C) {
-    function q(ae, xe) {
-      ae(function(he) {
-        var Ie = We(he + xe);
-        return Ie;
+  Xa(q, function(I, b) {
+    function D(V, ue) {
+      V(function(le) {
+        var Te = Fe(le + ue);
+        return Te;
       });
     }
-    return nt ? (_ ? q(V, H) : q(ie, C), Xe(), Ke(), !0) : !1;
-  }), fe(function() {
-    return Xe(), Ne && (Ve.current = setTimeout(function() {
-      it(0);
-    }, 100)), Xe;
-  }, [Ne]);
-  var qt = Ia(
-    ce,
+    return ut ? (g ? D(k, I) : D(R, b), ke(), Ye(), !0) : !1;
+  }), me(function() {
+    return ke(), De && (Ue.current = setTimeout(function() {
+      ft(0);
+    }, 100)), ke;
+  }, [De]);
+  var ta = Fa(
+    W,
     // Container
-    ue,
+    be,
     // Transform
-    _ ? y : F,
+    g ? _ : J,
     // Tabs
-    we,
+    oe,
     // Add
-    Ge,
+    Ce,
     // Operation
-    at,
-    re(re({}, e), {}, {
-      tabs: N
+    dt,
+    se(se({}, e), {}, {
+      tabs: P
     })
-  ), ot = M(qt, 2), Ft = ot[0], Ut = ot[1], lt = da(function() {
-    var H = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : c, C = ce.get(H) || {
+  ), 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) || {
       width: 0,
       height: 0,
       left: 0,
       right: 0,
       top: 0
     };
-    if (_) {
-      var q = y;
-      o ? C.right < y ? q = C.right : C.right + C.width > y + ue && (q = C.right + C.width - ue) : C.left < -y ? q = -C.left : C.left + C.width > -y + ue && (q = -(C.left + C.width - ue)), ie(0), V(We(q));
+    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));
     } else {
-      var ae = F;
-      C.top < -F ? ae = -C.top : C.top + C.height > -F + ue && (ae = -(C.top + C.height - ue)), V(0), ie(We(ae));
+      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));
+    }
+  }), 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) {
+    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];
+    Re(le);
+  }, la = function(b) {
+    var D = b.code, V = i && g, ue = ge[0], le = ge[ge.length - 1];
+    switch (D) {
+      // LEFT
+      case "ArrowLeft": {
+        g && Pe(V ? 1 : -1);
+        break;
+      }
+      // RIGHT
+      case "ArrowRight": {
+        g && Pe(V ? -1 : 1);
+        break;
+      }
+      // UP
+      case "ArrowUp": {
+        b.preventDefault(), g || Pe(-1);
+        break;
+      }
+      // DOWN
+      case "ArrowDown": {
+        b.preventDefault(), g || Pe(1);
+        break;
+      }
+      // HOME
+      case "Home": {
+        b.preventDefault(), Re(ue);
+        break;
+      }
+      // END
+      case "End": {
+        b.preventDefault(), Re(le);
+        break;
+      }
+      // Enter & Space
+      case "Enter":
+      case "Space": {
+        b.preventDefault(), B(Ee, 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,
+          event: b
+        }), Te === ge.length - 1 ? Pe(-1) : Pe(1));
+        break;
+      }
     }
-  }), Re = {};
-  g === "top" || g === "bottom" ? Re[o ? "marginRight" : "marginLeft"] = h : Re.marginTop = h;
-  var ct = N.map(function(H, C) {
-    var q = H.key;
-    return /* @__PURE__ */ l.createElement(Ba, {
+  }, 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, {
       id: r,
-      prefixCls: f,
-      key: q,
-      tab: H,
-      style: C === 0 ? void 0 : Re,
-      closable: H.closable,
-      editable: u,
-      active: q === c,
-      renderWrapper: T,
-      removeAriaLabel: b == null ? void 0 : b.removeAriaLabel,
-      onClick: function(xe) {
-        I(q, xe);
+      prefixCls: $,
+      key: D,
+      tab: I,
+      style: b === 0 ? void 0 : Be,
+      closable: I.closable,
+      editable: s,
+      active: D === c,
+      focus: D === Ee,
+      renderWrapper: E,
+      removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
+      tabCount: ge.length,
+      currentPosition: b + 1,
+      onClick: function(ue) {
+        B(D, ue);
       },
+      onKeyDown: la,
       onFocus: function() {
-        lt(q), Ke(), D.current && (o || (D.current.scrollLeft = 0), D.current.scrollTop = 0);
+        oa || Re(D), mt(D), Ye(), q.current && (i || (q.current.scrollLeft = 0), q.current.scrollTop = 0);
+      },
+      onBlur: function() {
+        Re(void 0);
+      },
+      onMouseDown: function() {
+        ht(!0);
+      },
+      onMouseUp: function() {
+        ht(!1);
       }
     });
-  }), st = function() {
-    return A(function() {
-      var C, q = /* @__PURE__ */ new Map(), ae = (C = S.current) === null || C === void 0 ? void 0 : C.getBoundingClientRect();
-      return N.forEach(function(xe) {
-        var he, Ie = xe.key, mt = (he = S.current) === null || he === void 0 ? void 0 : he.querySelector('[data-node-key="'.concat(Dt(Ie), '"]'));
-        if (mt) {
-          var kt = Da(mt, ae), ze = M(kt, 4), ea = ze[0], ta = ze[1], aa = ze[2], na = ze[3];
-          q.set(Ie, {
-            width: ea,
-            height: ta,
-            left: aa,
-            top: na
+  }), 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), '"]'));
+        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, {
+            width: va,
+            height: fa,
+            left: ba,
+            top: ma
           });
         }
-      }), q;
+      }), D;
     });
   };
-  fe(function() {
-    st();
-  }, [N.map(function(H) {
-    return H.key;
+  me(function() {
+    yt();
+  }, [P.map(function(I) {
+    return I.key;
   }).join("_")]);
-  var Oe = Bt(function() {
-    var H = Ce(z), C = Ce(G), q = Ce(W);
-    E([H[0] - C[0] - q[0], H[1] - C[1] - q[1]]);
-    var ae = Ce(R);
-    de(ae);
-    var xe = Ce(x);
-    le(xe);
-    var he = Ce(S);
-    Y([he[0] - ae[0], he[1] - ae[1]]), st();
-  }), Yt = N.slice(0, Ft), Qt = N.slice(Ut + 1), dt = [].concat(ht(Yt), ht(Qt)), ut = ce.get(c), Zt = Ta({
-    activeTabOffset: ut,
-    horizontal: _,
-    indicator: P,
-    rtl: o
-  }), Jt = Zt.style;
-  fe(function() {
-    lt();
-  }, [c, pe, _e, Et(ut), Et(ce), _]), fe(function() {
-    Oe();
-  }, [o]);
-  var vt = !!dt.length, Ee = "".concat(f, "-nav-wrap"), qe, Fe, ft, bt;
-  return _ ? o ? (Fe = y > 0, qe = y !== _e) : (qe = y < 0, Fe = y !== pe) : (ft = F < 0, bt = F !== pe), /* @__PURE__ */ l.createElement(Ue, {
-    onResize: Oe
+  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);
+    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({
+    activeTabOffset: _t,
+    horizontal: g,
+    indicator: N,
+    rtl: i
+  }), ua = da.style;
+  me(function() {
+    mt();
+  }, [c, ye, we, Dt(_t), Dt(W), g]), 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, {
+    onResize: je
   }, /* @__PURE__ */ l.createElement("div", {
-    ref: ua(t, z),
+    ref: wa(t, G),
     role: "tablist",
-    className: B("".concat(f, "-nav"), n),
+    "aria-orientation": g ? "horizontal" : "vertical",
+    className: A("".concat($, "-nav"), n),
     style: a,
     onKeyDown: function() {
-      Ke();
+      Ye();
     }
-  }, /* @__PURE__ */ l.createElement(Ye, {
-    ref: G,
+  }, /* @__PURE__ */ l.createElement(at, {
+    ref: K,
     position: "left",
-    extra: s,
-    prefixCls: f
-  }), /* @__PURE__ */ l.createElement(Ue, {
-    onResize: Oe
+    extra: d,
+    prefixCls: $
+  }), /* @__PURE__ */ l.createElement(et, {
+    onResize: je
   }, /* @__PURE__ */ l.createElement("div", {
-    className: B(Ee, ee(ee(ee(ee({}, "".concat(Ee, "-ping-left"), qe), "".concat(Ee, "-ping-right"), Fe), "".concat(Ee, "-ping-top"), ft), "".concat(Ee, "-ping-bottom"), bt)),
-    ref: D
-  }, /* @__PURE__ */ l.createElement(Ue, {
-    onResize: Oe
+    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)),
+    ref: q
+  }, /* @__PURE__ */ l.createElement(et, {
+    onResize: je
   }, /* @__PURE__ */ l.createElement("div", {
-    ref: S,
-    className: "".concat(f, "-nav-list"),
+    ref: O,
+    className: "".concat($, "-nav-list"),
     style: {
-      transform: "translate(".concat(y, "px, ").concat(F, "px)"),
-      transition: Ne ? "none" : void 0
+      transform: "translate(".concat(_, "px, ").concat(J, "px)"),
+      transition: De ? "none" : void 0
     }
-  }, ct, /* @__PURE__ */ l.createElement(At, {
-    ref: R,
-    prefixCls: f,
-    locale: b,
-    editable: u,
-    style: re(re({}, ct.length === 0 ? void 0 : Re), {}, {
-      visibility: vt ? "hidden" : null
+  }, $t, /* @__PURE__ */ l.createElement(Ut, {
+    ref: T,
+    prefixCls: $,
+    locale: m,
+    editable: s,
+    style: se(se({}, $t.length === 0 ? void 0 : Be), {}, {
+      visibility: xt ? "hidden" : null
     })
   }), /* @__PURE__ */ l.createElement("div", {
-    className: B("".concat(f, "-ink-bar"), ee({}, "".concat(f, "-ink-bar-animated"), i.inkBar)),
-    style: Jt
-  }))))), /* @__PURE__ */ l.createElement(Ma, be({}, e, {
-    removeAriaLabel: b == null ? void 0 : b.removeAriaLabel,
+    className: A("".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,
-    prefixCls: f,
-    tabs: dt,
-    className: !vt && Kt,
-    tabMoving: !!Ne
-  })), /* @__PURE__ */ l.createElement(Ye, {
-    ref: W,
+    prefixCls: $,
+    tabs: St,
+    className: !xt && Jt,
+    tabMoving: !!De
+  })), /* @__PURE__ */ l.createElement(at, {
+    ref: X,
     position: "right",
-    extra: s,
-    prefixCls: f
+    extra: d,
+    prefixCls: $
   })));
-}), et = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.className, r = e.style, i = e.id, c = e.active, o = e.tabKey, s = e.children;
+}), 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: i && "".concat(i, "-panel-").concat(o),
+    id: o && "".concat(o, "-panel-").concat(i),
     role: "tabpanel",
     tabIndex: c ? 0 : -1,
-    "aria-labelledby": i && "".concat(i, "-tab-").concat(o),
+    "aria-labelledby": o && "".concat(o, "-tab-").concat(i),
     "aria-hidden": !c,
     style: r,
-    className: B(n, c && "".concat(n, "-active"), a),
+    className: A(n, c && "".concat(n, "-active"), a),
     ref: t
-  }, s);
+  }, d);
 });
-process.env.NODE_ENV !== "production" && (et.displayName = "TabPane");
-var ja = ["renderTabBar"], Aa = ["label", "key"], Ht = function(t) {
-  var n = t.renderTabBar, a = Be(t, ja), r = l.useContext(Ae), i = r.tabs;
+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;
   if (n) {
-    var c = re(re({}, a), {}, {
+    var c = se(se({}, a), {}, {
       // Legacy support. We do not use this actually
-      panes: i.map(function(o) {
-        var s = o.label, u = o.key, b = Be(o, Aa);
-        return /* @__PURE__ */ l.createElement(et, be({
-          tab: s,
-          key: u,
-          tabKey: u
-        }, b));
+      panes: o.map(function(i) {
+        var d = i.label, s = i.key, m = He(i, en);
+        return /* @__PURE__ */ l.createElement(ct, pe({
+          tab: d,
+          key: s,
+          tabKey: s
+        }, m));
       })
     });
-    return n(c, Tt);
+    return n(c, Bt);
   }
-  return /* @__PURE__ */ l.createElement(Tt, a);
+  return /* @__PURE__ */ l.createElement(Bt, a);
 };
-process.env.NODE_ENV !== "production" && (Ht.displayName = "TabNavListWrapper");
-var Ha = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"], Ga = function(t) {
-  var n = t.id, a = t.activeKey, r = t.animated, i = t.tabPosition, c = t.destroyInactiveTabPane, o = l.useContext(Ae), s = o.prefixCls, u = o.tabs, b = r.tabPane, g = "".concat(s, "-tabpane");
+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");
   return /* @__PURE__ */ l.createElement("div", {
-    className: B("".concat(s, "-content-holder"))
+    className: A("".concat(d, "-content-holder"))
   }, /* @__PURE__ */ l.createElement("div", {
-    className: B("".concat(s, "-content"), "".concat(s, "-content-").concat(i), ee({}, "".concat(s, "-content-animated"), b))
-  }, u.map(function(h) {
-    var T = h.key, I = h.forceRender, w = h.style, P = h.className, p = h.destroyInactiveTabPane, f = Be(h, Ha), N = T === a;
-    return /* @__PURE__ */ l.createElement(va, be({
-      key: T,
-      visible: N,
-      forceRender: I,
-      removeOnLeave: !!(c || p),
-      leavedClassName: "".concat(g, "-hidden")
-    }, r.tabPaneMotion), function(z, G) {
-      var W = z.style, D = z.className;
-      return /* @__PURE__ */ l.createElement(et, be({}, f, {
-        prefixCls: g,
+    className: A("".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;
+    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;
+      return /* @__PURE__ */ l.createElement(ct, pe({}, $, {
+        prefixCls: p,
         id: n,
-        tabKey: T,
-        animated: b,
-        active: N,
-        style: re(re({}, w), W),
-        className: B(P, D),
-        ref: G
+        tabKey: E,
+        animated: m,
+        active: P,
+        style: se(se({}, C), X),
+        className: A(N, q),
+        ref: K
       }));
     });
   })));
 };
-function Wa() {
+function nn() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
     inkBar: !0,
     tabPane: !1
@@ -674,98 +773,98 @@ function Wa() {
   } : e === !0 ? t = {
     inkBar: !0,
     tabPane: !1
-  } : t = re({
+  } : t = se({
     inkBar: !0
-  }, Qe(e) === "object" ? e : {}), t.tabPaneMotion && t.tabPane === void 0 && (t.tabPane = !0), !t.tabPaneMotion && t.tabPane && (process.env.NODE_ENV !== "production" && fa(!1, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work."), t.tabPane = !1), t;
+  }, 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 Va = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], Pt = 0, Gt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.id, a = e.prefixCls, r = a === void 0 ? "rc-tabs" : a, i = e.className, c = e.items, o = e.direction, s = e.activeKey, u = e.defaultActiveKey, b = e.editable, g = e.animated, h = e.tabPosition, T = h === void 0 ? "top" : h, I = e.tabBarGutter, w = e.tabBarStyle, P = e.tabBarExtraContent, p = e.locale, f = e.more, N = e.destroyInactiveTabPane, z = e.renderTabBar, G = e.onChange, W = e.onTabClick, D = e.onTabScroll, S = e.getPopupContainer, x = e.popupClassName, R = e.indicator, _ = Be(e, Va), m = l.useMemo(function() {
-    return (c || []).filter(function(O) {
-      return O && Qe(O) === "object" && "key" in O;
+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() {
+    return (c || []).filter(function(z) {
+      return z && nt(z) === "object" && "key" in z;
     });
-  }, [c]), $ = o === "rtl", y = Wa(g), V = J(!1), se = M(V, 2), v = se[0], F = se[1];
-  fe(function() {
-    F(xa());
+  }, [c]), f = i === "rtl", _ = nn(p), k = Z(!1), H = M(k, 2), v = H[0], J = H[1];
+  me(function() {
+    J(Ba());
   }, []);
-  var ie = $t(function() {
-    var O;
-    return (O = m[0]) === null || O === void 0 ? void 0 : O.key;
+  var R = Nt(function() {
+    var z;
+    return (z = S[0]) === null || z === void 0 ? void 0 : z.key;
   }, {
-    value: s,
-    defaultValue: u
-  }), K = M(ie, 2), Q = K[0], oe = K[1], E = J(function() {
-    return m.findIndex(function(O) {
-      return O.key === Q;
+    value: d,
+    defaultValue: s
+  }), U = M(R, 2), ee = U[0], ve = U[1], w = Z(function() {
+    return S.findIndex(function(z) {
+      return z.key === ee;
     });
-  }), L = M(E, 2), j = L[0], U = L[1];
-  fe(function() {
-    var O = m.findIndex(function(ye) {
-      return ye.key === Q;
+  }), j = M(w, 2), Y = j[0], Q = j[1];
+  me(function() {
+    var z = S.findIndex(function(xe) {
+      return xe.key === ee;
     });
-    if (O === -1) {
-      var le;
-      O = Math.max(0, Math.min(j, m.length - 1)), oe((le = m[O]) === null || le === void 0 ? void 0 : le.key);
+    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);
     }
-    U(O);
-  }, [m.map(function(O) {
-    return O.key;
-  }).join("_"), Q, j]);
-  var Y = $t(null, {
+    Q(z);
+  }, [S.map(function(z) {
+    return z.key;
+  }).join("_"), ee, Y]);
+  var F = Nt(null, {
     value: n
-  }), te = M(Y, 2), k = te[0], me = te[1];
-  fe(function() {
-    n || (me("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : Pt)), Pt += 1);
+  }), re = M(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 de(O, le) {
-    W == null || W(O, le);
-    var ye = O !== Q;
-    oe(O), ye && (G == null || G(O));
+  function fe(z, de) {
+    X == null || X(z, de);
+    var xe = z !== ee;
+    ve(z), xe && (K == null || K(z));
   }
-  var ne = {
-    id: k,
-    activeKey: Q,
-    animated: y,
-    tabPosition: T,
-    rtl: $,
+  var ie = {
+    id: ae,
+    activeKey: ee,
+    animated: _,
+    tabPosition: E,
+    rtl: f,
     mobile: v
-  }, ge = re(re({}, ne), {}, {
-    editable: b,
-    locale: p,
-    more: f,
-    tabBarGutter: I,
-    onTabClick: de,
-    onTabScroll: D,
-    extra: P,
-    style: w,
+  }, $e = se(se({}, ie), {}, {
+    editable: m,
+    locale: h,
+    more: $,
+    tabBarGutter: B,
+    onTabClick: fe,
+    onTabScroll: q,
+    extra: N,
+    style: C,
     panes: null,
-    getPopupContainer: S,
+    getPopupContainer: O,
     popupClassName: x,
-    indicator: R
+    indicator: T
   });
-  return /* @__PURE__ */ l.createElement(Ae.Provider, {
+  return /* @__PURE__ */ l.createElement(Ve.Provider, {
     value: {
-      tabs: m,
+      tabs: S,
       prefixCls: r
     }
-  }, /* @__PURE__ */ l.createElement("div", be({
+  }, /* @__PURE__ */ l.createElement("div", pe({
     ref: t,
     id: n,
-    className: B(r, "".concat(r, "-").concat(T), ee(ee(ee({}, "".concat(r, "-mobile"), v), "".concat(r, "-editable"), b), "".concat(r, "-rtl"), $), i)
-  }, _), /* @__PURE__ */ l.createElement(Ht, be({}, ge, {
-    renderTabBar: z
-  })), /* @__PURE__ */ l.createElement(Ga, be({
-    destroyInactiveTabPane: N
-  }, ne, {
-    animated: y
+    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
+  })), /* @__PURE__ */ l.createElement(an, pe({
+    destroyInactiveTabPane: P
+  }, ie, {
+    animated: _
   }))));
 });
-process.env.NODE_ENV !== "production" && (Gt.displayName = "Tabs");
-const Ka = {
+process.env.NODE_ENV !== "production" && (kt.displayName = "Tabs");
+const on = {
   motionAppear: !1,
   motionEnter: !0,
   motionLeave: !0
 };
-function Xa(e) {
+function ln(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
     inkBar: !0,
     tabPane: !1
@@ -778,42 +877,42 @@ function Xa(e) {
     tabPane: !0
   } : n = Object.assign({
     inkBar: !0
-  }, typeof t == "object" ? t : {}), n.tabPane && (n.tabPaneMotion = Object.assign(Object.assign({}, Ka), {
-    motionName: ba(e, "switch")
+  }, typeof t == "object" ? t : {}), n.tabPane && (n.tabPaneMotion = Object.assign(Object.assign({}, on), {
+    motionName: Ta(e, "switch")
   })), n;
 }
-var qa = function(e, t) {
+var cn = 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++)
     t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
   return n;
 };
-function Fa(e) {
+function sn(e) {
   return e.filter((t) => t);
 }
-function Ua(e, t) {
-  if (process.env.NODE_ENV !== "production" && Ze("Tabs").deprecated(!t, "Tabs.TabPane", "items"), e)
+function dn(e, t) {
+  if (process.env.NODE_ENV !== "production" && rt("Tabs").deprecated(!t, "Tabs.TabPane", "items"), e)
     return e;
-  const n = ma(t).map((a) => {
+  const n = Na(t).map((a) => {
     if (/* @__PURE__ */ l.isValidElement(a)) {
       const {
         key: r,
-        props: i
-      } = a, c = i || {}, {
-        tab: o
-      } = c, s = qa(c, ["tab"]);
+        props: o
+      } = a, c = o || {}, {
+        tab: i
+      } = c, d = cn(c, ["tab"]);
       return Object.assign(Object.assign({
         key: String(r)
-      }, s), {
-        label: o
+      }, d), {
+        label: i
       });
     }
     return null;
   });
-  return Fa(n);
+  return sn(n);
 }
-const Ya = (e) => {
+const un = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: n
@@ -848,15 +947,15 @@ const Ya = (e) => {
       }
     },
     // Follow code may reuse in other components
-    [yt(e, "slide-up"), yt(e, "slide-down")]
+    [Ot(e, "slide-up"), Ot(e, "slide-down")]
   ];
-}, Qa = (e) => {
+}, vn = (e) => {
   const {
     componentCls: t,
     tabsCardPadding: n,
     cardBg: a,
     cardGutter: r,
-    colorBorderSecondary: i,
+    colorBorderSecondary: o,
     itemSelectedColor: c
   } = e;
   return {
@@ -866,15 +965,19 @@ const Ya = (e) => {
           margin: 0,
           padding: n,
           background: a,
-          border: `${d(e.lineWidth)} ${e.lineType} ${i}`,
+          border: `${u(e.lineWidth)} ${e.lineType} ${o}`,
           transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`
         },
         [`${t}-tab-active`]: {
           color: c,
           background: e.colorBgContainer
         },
+        [`${t}-tab-focus`]: Object.assign({}, Vt(e, -3)),
         [`${t}-ink-bar`]: {
           visibility: "hidden"
+        },
+        [`& ${t}-tab${t}-tab-focus ${t}-tab-btn`]: {
+          outline: "none"
         }
       },
       // ========================== Top & Bottom ==========================
@@ -883,7 +986,7 @@ const Ya = (e) => {
           [`${t}-tab + ${t}-tab`]: {
             marginLeft: {
               _skip_check_: !0,
-              value: d(r)
+              value: u(r)
             }
           }
         }
@@ -891,7 +994,7 @@ const Ya = (e) => {
       [`&${t}-top`]: {
         [`> ${t}-nav, > div > ${t}-nav`]: {
           [`${t}-tab`]: {
-            borderRadius: `${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)} 0 0`
+            borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
           },
           [`${t}-tab-active`]: {
             borderBottomColor: e.colorBgContainer
@@ -901,7 +1004,7 @@ const Ya = (e) => {
       [`&${t}-bottom`]: {
         [`> ${t}-nav, > div > ${t}-nav`]: {
           [`${t}-tab`]: {
-            borderRadius: `0 0 ${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)}`
+            borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
           },
           [`${t}-tab-active`]: {
             borderTopColor: e.colorBgContainer
@@ -912,7 +1015,7 @@ const Ya = (e) => {
       [`&${t}-left, &${t}-right`]: {
         [`> ${t}-nav, > div > ${t}-nav`]: {
           [`${t}-tab + ${t}-tab`]: {
-            marginTop: d(r)
+            marginTop: u(r)
           }
         }
       },
@@ -921,7 +1024,7 @@ const Ya = (e) => {
           [`${t}-tab`]: {
             borderRadius: {
               _skip_check_: !0,
-              value: `${d(e.borderRadiusLG)} 0 0 ${d(e.borderRadiusLG)}`
+              value: `${u(e.borderRadiusLG)} 0 0 ${u(e.borderRadiusLG)}`
             }
           },
           [`${t}-tab-active`]: {
@@ -937,7 +1040,7 @@ const Ya = (e) => {
           [`${t}-tab`]: {
             borderRadius: {
               _skip_check_: !0,
-              value: `0 ${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)} 0`
+              value: `0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0`
             }
           },
           [`${t}-tab-active`]: {
@@ -950,14 +1053,14 @@ const Ya = (e) => {
       }
     }
   };
-}, Za = (e) => {
+}, fn = (e) => {
   const {
     componentCls: t,
     itemHoverColor: n,
     dropdownEdgeChildVerticalPadding: a
   } = e;
   return {
-    [`${t}-dropdown`]: Object.assign(Object.assign({}, Je(e)), {
+    [`${t}-dropdown`]: Object.assign(Object.assign({}, it(e)), {
       position: "absolute",
       top: -9999,
       left: {
@@ -972,7 +1075,7 @@ const Ya = (e) => {
       [`${t}-dropdown-menu`]: {
         maxHeight: e.tabsDropdownHeight,
         margin: 0,
-        padding: `${d(a)} 0`,
+        padding: `${u(a)} 0`,
         overflowX: "hidden",
         overflowY: "auto",
         textAlign: {
@@ -985,12 +1088,12 @@ const Ya = (e) => {
         borderRadius: e.borderRadiusLG,
         outline: "none",
         boxShadow: e.boxShadowSecondary,
-        "&-item": Object.assign(Object.assign({}, ke), {
+        "&-item": Object.assign(Object.assign({}, ot), {
           display: "flex",
           alignItems: "center",
           minWidth: e.tabsDropdownWidth,
           margin: 0,
-          padding: `${d(e.paddingXXS)} ${d(e.paddingSM)}`,
+          padding: `${u(e.paddingXXS)} ${u(e.paddingSM)}`,
           color: e.colorText,
           fontWeight: "normal",
           fontSize: e.fontSize,
@@ -1030,15 +1133,15 @@ const Ya = (e) => {
       }
     })
   };
-}, Ja = (e) => {
+}, bn = (e) => {
   const {
     componentCls: t,
     margin: n,
     colorBorderSecondary: a,
     horizontalMargin: r,
-    verticalItemPadding: i,
+    verticalItemPadding: o,
     verticalItemMargin: c,
-    calc: o
+    calc: i
   } = e;
   return {
     // ========================== Top & Bottom ==========================
@@ -1056,7 +1159,7 @@ const Ya = (e) => {
             _skip_check_: !0,
             value: 0
           },
-          borderBottom: `${d(e.lineWidth)} ${e.lineType} ${a}`,
+          borderBottom: `${u(e.lineWidth)} ${e.lineType} ${a}`,
           content: "''"
         },
         [`${t}-ink-bar`]: {
@@ -1126,10 +1229,10 @@ const Ya = (e) => {
     [`${t}-left, ${t}-right`]: {
       [`> ${t}-nav, > div > ${t}-nav`]: {
         flexDirection: "column",
-        minWidth: o(e.controlHeight).mul(1.25).equal(),
+        minWidth: i(e.controlHeight).mul(1.25).equal(),
         // >>>>>>>>>>> Tab
         [`${t}-tab`]: {
-          padding: i,
+          padding: o,
           textAlign: "center"
         },
         [`${t}-tab + ${t}-tab`]: {
@@ -1190,11 +1293,11 @@ const Ya = (e) => {
       [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
         marginLeft: {
           _skip_check_: !0,
-          value: d(o(e.lineWidth).mul(-1).equal())
+          value: u(i(e.lineWidth).mul(-1).equal())
         },
         borderLeft: {
           _skip_check_: !0,
-          value: `${d(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
+          value: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
         },
         [`> ${t}-content > ${t}-tabpane`]: {
           paddingLeft: {
@@ -1218,11 +1321,11 @@ const Ya = (e) => {
         order: 0,
         marginRight: {
           _skip_check_: !0,
-          value: o(e.lineWidth).mul(-1).equal()
+          value: i(e.lineWidth).mul(-1).equal()
         },
         borderRight: {
           _skip_check_: !0,
-          value: `${d(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
+          value: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
         },
         [`> ${t}-content > ${t}-tabpane`]: {
           paddingRight: {
@@ -1233,13 +1336,13 @@ const Ya = (e) => {
       }
     }
   };
-}, ka = (e) => {
+}, mn = (e) => {
   const {
     componentCls: t,
     cardPaddingSM: n,
     cardPaddingLG: a,
     horizontalItemPaddingSM: r,
-    horizontalItemPaddingLG: i
+    horizontalItemPaddingLG: o
   } = e;
   return {
     [t]: {
@@ -1254,7 +1357,7 @@ const Ya = (e) => {
       "&-large": {
         [`> ${t}-nav`]: {
           [`${t}-tab`]: {
-            padding: i,
+            padding: o,
             fontSize: e.titleFontSizeLG
           }
         }
@@ -1269,19 +1372,19 @@ const Ya = (e) => {
         },
         [`&${t}-bottom`]: {
           [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: `0 0 ${d(e.borderRadius)} ${d(e.borderRadius)}`
+            borderRadius: `0 0 ${u(e.borderRadius)} ${u(e.borderRadius)}`
           }
         },
         [`&${t}-top`]: {
           [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: `${d(e.borderRadius)} ${d(e.borderRadius)} 0 0`
+            borderRadius: `${u(e.borderRadius)} ${u(e.borderRadius)} 0 0`
           }
         },
         [`&${t}-right`]: {
           [`> ${t}-nav ${t}-tab`]: {
             borderRadius: {
               _skip_check_: !0,
-              value: `0 ${d(e.borderRadius)} ${d(e.borderRadius)} 0`
+              value: `0 ${u(e.borderRadius)} ${u(e.borderRadius)} 0`
             }
           }
         },
@@ -1289,7 +1392,7 @@ const Ya = (e) => {
           [`> ${t}-nav ${t}-tab`]: {
             borderRadius: {
               _skip_check_: !0,
-              value: `${d(e.borderRadius)} 0 0 ${d(e.borderRadius)}`
+              value: `${u(e.borderRadius)} 0 0 ${u(e.borderRadius)}`
             }
           }
         }
@@ -1303,19 +1406,19 @@ const Ya = (e) => {
       }
     }
   };
-}, en = (e) => {
+}, gn = (e) => {
   const {
     componentCls: t,
     itemActiveColor: n,
     itemHoverColor: a,
     iconCls: r,
-    tabsHorizontalItemMargin: i,
+    tabsHorizontalItemMargin: o,
     horizontalItemPadding: c,
-    itemSelectedColor: o,
-    itemColor: s
-  } = e, u = `${t}-tab`;
+    itemSelectedColor: i,
+    itemColor: d
+  } = e, s = `${t}-tab`;
   return {
-    [u]: {
+    [s]: {
       position: "relative",
       WebkitTouchCallout: "none",
       WebkitTapHighlightColor: "transparent",
@@ -1327,20 +1430,20 @@ const Ya = (e) => {
       border: 0,
       outline: "none",
       cursor: "pointer",
-      color: s,
-      "&-btn, &-remove": Object.assign({
+      color: d,
+      "&-btn, &-remove": {
         "&:focus:not(:focus-visible), &:active": {
           color: n
         }
-      }, zt(e)),
+      },
       "&-btn": {
         outline: "none",
         transition: `all ${e.motionDurationSlow}`,
-        [`${u}-icon:not(:last-child)`]: {
+        [`${s}-icon:not(:last-child)`]: {
           marginInlineEnd: e.marginSM
         }
       },
-      "&-remove": {
+      "&-remove": Object.assign({
         flex: "none",
         marginRight: {
           _skip_check_: !0,
@@ -1360,24 +1463,25 @@ const Ya = (e) => {
         "&:hover": {
           color: e.colorTextHeading
         }
-      },
+      }, tt(e)),
       "&:hover": {
         color: a
       },
-      [`&${u}-active ${u}-btn`]: {
-        color: o,
+      [`&${s}-active ${s}-btn`]: {
+        color: i,
         textShadow: e.tabsActiveTextShadow
       },
-      [`&${u}-disabled`]: {
+      [`&${s}-focus ${s}-btn`]: Object.assign({}, Vt(e)),
+      [`&${s}-disabled`]: {
         color: e.colorTextDisabled,
         cursor: "not-allowed"
       },
-      [`&${u}-disabled ${u}-btn, &${u}-disabled ${t}-remove`]: {
+      [`&${s}-disabled ${s}-btn, &${s}-disabled ${t}-remove`]: {
         "&:focus, &:active": {
           color: e.colorTextDisabled
         }
       },
-      [`& ${u}-remove ${r}`]: {
+      [`& ${s}-remove ${r}`]: {
         margin: 0
       },
       [`${r}:not(:last-child)`]: {
@@ -1387,20 +1491,20 @@ const Ya = (e) => {
         }
       }
     },
-    [`${u} + ${u}`]: {
+    [`${s} + ${s}`]: {
       margin: {
         _skip_check_: !0,
-        value: i
+        value: o
       }
     }
   };
-}, tn = (e) => {
+}, pn = (e) => {
   const {
     componentCls: t,
     tabsHorizontalItemMarginRTL: n,
     iconCls: a,
     cardGutter: r,
-    calc: i
+    calc: o
   } = e;
   return {
     [`${t}-rtl`]: {
@@ -1424,17 +1528,17 @@ const Ya = (e) => {
             },
             marginLeft: {
               _skip_check_: !0,
-              value: d(e.marginSM)
+              value: u(e.marginSM)
             }
           },
           [`${t}-tab-remove`]: {
             marginRight: {
               _skip_check_: !0,
-              value: d(e.marginXS)
+              value: u(e.marginXS)
             },
             marginLeft: {
               _skip_check_: !0,
-              value: d(i(e.marginXXS).mul(-1).equal())
+              value: u(o(e.marginXXS).mul(-1).equal())
             },
             [a]: {
               margin: 0
@@ -1486,18 +1590,18 @@ const Ya = (e) => {
       }
     }
   };
-}, an = (e) => {
+}, hn = (e) => {
   const {
     componentCls: t,
     tabsCardPadding: n,
     cardHeight: a,
     cardGutter: r,
-    itemHoverColor: i,
+    itemHoverColor: o,
     itemActiveColor: c,
-    colorBorderSecondary: o
+    colorBorderSecondary: i
   } = e;
   return {
-    [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, Je(e)), {
+    [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, it(e)), {
       display: "flex",
       // ========================== Navigation ==========================
       [`> ${t}-nav, > div > ${t}-nav`]: {
@@ -1563,26 +1667,25 @@ const Ya = (e) => {
         },
         [`${t}-nav-add`]: Object.assign({
           minWidth: a,
-          minHeight: a,
           marginLeft: {
             _skip_check_: !0,
             value: r
           },
-          padding: `0 ${d(e.paddingXS)}`,
+          padding: u(e.paddingXS),
           background: "transparent",
-          border: `${d(e.lineWidth)} ${e.lineType} ${o}`,
-          borderRadius: `${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)} 0 0`,
+          border: `${u(e.lineWidth)} ${e.lineType} ${i}`,
+          borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`,
           outline: "none",
           cursor: "pointer",
           color: e.colorText,
           transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`,
           "&:hover": {
-            color: i
+            color: o
           },
           "&:active, &:focus:not(:focus-visible)": {
             color: c
           }
-        }, zt(e))
+        }, tt(e, -3))
       },
       [`${t}-extra-content`]: {
         flex: "none"
@@ -1593,7 +1696,7 @@ const Ya = (e) => {
         background: e.inkBarColor,
         pointerEvents: "none"
       }
-    }), en(e)), {
+    }), gn(e)), {
       // =========================== TabPanes ===========================
       [`${t}-content`]: {
         position: "relative",
@@ -1604,12 +1707,11 @@ const Ya = (e) => {
         minWidth: 0,
         minHeight: 0
       },
-      [`${t}-tabpane`]: {
-        outline: "none",
+      [`${t}-tabpane`]: Object.assign(Object.assign({}, tt(e)), {
         "&-hidden": {
           display: "none"
         }
-      }
+      })
     }),
     [`${t}-centered`]: {
       [`> ${t}-nav, > div > ${t}-nav`]: {
@@ -1621,7 +1723,7 @@ const Ya = (e) => {
       }
     }
   };
-}, nn = (e) => {
+}, $n = (e) => {
   const t = e.controlHeightLG;
   return {
     zIndexPopup: e.zIndexPopupBase + 50,
@@ -1652,131 +1754,131 @@ const Ya = (e) => {
     itemActiveColor: e.colorPrimaryActive,
     cardGutter: e.marginXXS / 2
   };
-}, rn = Ot("Tabs", (e) => {
-  const t = It(e, {
+}, yn = Ht("Tabs", (e) => {
+  const t = Wt(e, {
     // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`
     tabsCardPadding: e.cardPadding,
     dropdownEdgeChildVerticalPadding: e.paddingXXS,
     tabsActiveTextShadow: "0 0 0.25px currentcolor",
     tabsDropdownHeight: 200,
     tabsDropdownWidth: 120,
-    tabsHorizontalItemMargin: `0 0 0 ${d(e.horizontalItemGutter)}`,
-    tabsHorizontalItemMarginRTL: `0 0 0 ${d(e.horizontalItemGutter)}`
+    tabsHorizontalItemMargin: `0 0 0 ${u(e.horizontalItemGutter)}`,
+    tabsHorizontalItemMarginRTL: `0 0 0 ${u(e.horizontalItemGutter)}`
   });
-  return [ka(t), tn(t), Ja(t), Za(t), Qa(t), an(t), Ya(t)];
-}, nn), Wt = () => null;
-process.env.NODE_ENV !== "production" && (Wt.displayName = "DeprecatedTabPane");
-var on = function(e, t) {
+  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");
+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]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, a = Object.getOwnPropertySymbols(e); r < a.length; r++)
     t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
   return n;
 };
-const tt = (e) => {
-  var t, n, a, r, i, c, o, s, u, b, g;
+const st = (e) => {
+  var t, n, a, r, o, c, i, d, s, m, p;
   const {
-    type: h,
-    className: T,
-    rootClassName: I,
-    size: w,
-    onEdit: P,
-    hideAdd: p,
-    centered: f,
-    addIcon: N,
-    removeIcon: z,
-    moreIcon: G,
-    more: W,
-    popupClassName: D,
-    children: S,
+    type: y,
+    className: E,
+    rootClassName: B,
+    size: C,
+    onEdit: N,
+    hideAdd: h,
+    centered: $,
+    addIcon: P,
+    removeIcon: G,
+    moreIcon: K,
+    more: X,
+    popupClassName: q,
+    children: O,
     items: x,
-    animated: R,
-    style: _,
-    indicatorSize: m,
-    indicator: $
-  } = e, y = on(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]), {
-    prefixCls: V
-  } = y, {
-    direction: se,
+    animated: T,
+    style: g,
+    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,
     tabs: v,
-    getPrefixCls: F,
-    getPopupContainer: ie
-  } = l.useContext(De), K = F("tabs", V), Q = ga(K), [oe, E, L] = rn(K, Q);
-  let j;
-  h === "editable-card" && (j = {
-    onEdit: (ne, ge) => {
+    getPrefixCls: J,
+    getPopupContainer: R
+  } = l.useContext(Me), U = J("tabs", k), ee = Oa(U), [ve, w, j] = yn(U, ee);
+  let Y;
+  y === "editable-card" && (Y = {
+    onEdit: (ie, $e) => {
       let {
-        key: O,
-        event: le
-      } = ge;
-      P == null || P(ne === "add" ? le : O, ne);
+        key: z,
+        event: de
+      } = $e;
+      N == null || N(ie === "add" ? de : z, ie);
     },
-    removeIcon: (t = z ?? (v == null ? void 0 : v.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ l.createElement(ha, null),
-    addIcon: (N ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ l.createElement(Mt, null),
-    showAdd: p !== !0
+    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
   });
-  const U = F();
+  const Q = J();
   if (process.env.NODE_ENV !== "production") {
-    const ne = Ze("Tabs");
-    process.env.NODE_ENV !== "production" && ne(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && ne(!(m || v != null && v.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
+    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 Y = Lt(w), te = Ua(x, S), k = Xa(K, R), me = Object.assign(Object.assign({}, v == null ? void 0 : v.style), _), de = {
-    align: (n = $ == null ? void 0 : $.align) !== null && n !== void 0 ? n : (a = v == null ? void 0 : v.indicator) === null || a === void 0 ? void 0 : a.align,
-    size: (o = (i = (r = $ == null ? void 0 : $.size) !== null && r !== void 0 ? r : m) !== null && i !== void 0 ? i : (c = v == null ? void 0 : v.indicator) === null || c === void 0 ? void 0 : c.size) !== null && o !== void 0 ? o : v == null ? void 0 : v.indicatorSize
+  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 = {
+    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 oe(/* @__PURE__ */ l.createElement(Gt, Object.assign({
-    direction: se,
-    getPopupContainer: ie
-  }, y, {
-    items: te,
-    className: B({
-      [`${K}-${Y}`]: Y,
-      [`${K}-card`]: ["card", "editable-card"].includes(h),
-      [`${K}-editable-card`]: h === "editable-card",
-      [`${K}-centered`]: f
-    }, v == null ? void 0 : v.className, T, I, E, L, Q),
-    popupClassName: B(D, E, L, Q),
-    style: me,
-    editable: j,
+  return ve(/* @__PURE__ */ l.createElement(kt, Object.assign({
+    direction: H,
+    getPopupContainer: R
+  }, _, {
+    items: re,
+    className: A({
+      [`${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),
+    style: he,
+    editable: Y,
     more: Object.assign({
-      icon: (g = (b = (u = (s = v == null ? void 0 : v.more) === null || s === void 0 ? void 0 : s.icon) !== null && u !== void 0 ? u : v == null ? void 0 : v.moreIcon) !== null && b !== void 0 ? b : G) !== null && g !== void 0 ? g : /* @__PURE__ */ l.createElement(Ca, null),
-      transitionName: `${U}-slide-up`
-    }, W),
-    prefixCls: K,
-    animated: k,
-    indicator: de
+      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),
+    prefixCls: U,
+    animated: ae,
+    indicator: fe
   })));
 };
-tt.TabPane = Wt;
-process.env.NODE_ENV !== "production" && (tt.displayName = "Tabs");
-var ln = function(e, t) {
+st.TabPane = Qt;
+process.env.NODE_ENV !== "production" && (st.displayName = "Tabs");
+var _n = 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++)
     t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
   return n;
 };
-const Vt = (e) => {
+const Zt = (e) => {
   var {
     prefixCls: t,
     className: n,
     hoverable: a = !0
-  } = e, r = ln(e, ["prefixCls", "className", "hoverable"]);
+  } = e, r = _n(e, ["prefixCls", "className", "hoverable"]);
   const {
-    getPrefixCls: i
-  } = l.useContext(De), c = i("card", t), o = B(`${c}-grid`, n, {
+    getPrefixCls: o
+  } = l.useContext(Me), c = o("card", t), i = A(`${c}-grid`, n, {
     [`${c}-grid-hoverable`]: a
   });
   return /* @__PURE__ */ l.createElement("div", Object.assign({}, r, {
-    className: o
+    className: i
   }));
-}, cn = (e) => {
+}, xn = (e) => {
   const {
     antCls: t,
     componentCls: n,
     headerHeight: a,
-    cardPaddingBase: r,
-    tabsMarginBottom: i
+    headerPadding: r,
+    tabsMarginBottom: o
   } = e;
   return Object.assign(Object.assign({
     display: "flex",
@@ -1784,14 +1886,14 @@ const Vt = (e) => {
     flexDirection: "column",
     minHeight: a,
     marginBottom: -1,
-    padding: `0 ${d(r)}`,
+    padding: `0 ${u(r)}`,
     color: e.colorTextHeading,
     fontWeight: e.fontWeightStrong,
     fontSize: e.headerFontSize,
     background: e.headerBg,
-    borderBottom: `${d(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,
-    borderRadius: `${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)} 0 0`
-  }, je()), {
+    borderBottom: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,
+    borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
+  }, We()), {
     "&-wrapper": {
       width: "100%",
       display: "flex",
@@ -1800,7 +1902,7 @@ const Vt = (e) => {
     "&-title": Object.assign(Object.assign({
       display: "inline-block",
       flex: 1
-    }, ke), {
+    }, ot), {
       [`
           > ${n}-typography,
           > ${n}-typography-edit-content
@@ -1812,16 +1914,16 @@ const Vt = (e) => {
     }),
     [`${t}-tabs-top`]: {
       clear: "both",
-      marginBottom: i,
+      marginBottom: o,
       color: e.colorText,
       fontWeight: "normal",
       fontSize: e.fontSize,
       "&-bar": {
-        borderBottom: `${d(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
+        borderBottom: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
       }
     }
   });
-}, sn = (e) => {
+}, Cn = (e) => {
   const {
     cardPaddingBase: t,
     colorBorderSecondary: n,
@@ -1834,11 +1936,11 @@ const Vt = (e) => {
     border: 0,
     borderRadius: 0,
     boxShadow: `
-      ${d(r)} 0 0 0 ${n},
-      0 ${d(r)} 0 0 ${n},
-      ${d(r)} ${d(r)} 0 0 ${n},
-      ${d(r)} 0 0 0 ${n} inset,
-      0 ${d(r)} 0 0 ${n} inset;
+      ${u(r)} 0 0 0 ${n},
+      0 ${u(r)} 0 0 ${n},
+      ${u(r)} ${u(r)} 0 0 ${n},
+      ${u(r)} 0 0 0 ${n} inset,
+      0 ${u(r)} 0 0 ${n} inset;
     `,
     transition: `all ${e.motionDurationMid}`,
     "&-hoverable:hover": {
@@ -1847,13 +1949,13 @@ const Vt = (e) => {
       boxShadow: a
     }
   };
-}, dn = (e) => {
+}, wn = (e) => {
   const {
     componentCls: t,
     iconCls: n,
     actionsLiMargin: a,
     cardActionsIconSize: r,
-    colorBorderSecondary: i,
+    colorBorderSecondary: o,
     actionsBg: c
   } = e;
   return Object.assign(Object.assign({
@@ -1861,10 +1963,10 @@ const Vt = (e) => {
     padding: 0,
     listStyle: "none",
     background: c,
-    borderTop: `${d(e.lineWidth)} ${e.lineType} ${i}`,
+    borderTop: `${u(e.lineWidth)} ${e.lineType} ${o}`,
     display: "flex",
-    borderRadius: `0 0 ${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)}`
-  }, je()), {
+    borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
+  }, We()), {
     "& > li": {
       margin: a,
       color: e.colorTextDescription,
@@ -1884,7 +1986,7 @@ const Vt = (e) => {
           display: "inline-block",
           width: "100%",
           color: e.colorTextDescription,
-          lineHeight: d(e.fontHeight),
+          lineHeight: u(e.fontHeight),
           transition: `color ${e.motionDurationMid}`,
           "&:hover": {
             color: e.colorPrimary
@@ -1892,18 +1994,18 @@ const Vt = (e) => {
         },
         [`> ${n}`]: {
           fontSize: r,
-          lineHeight: d(e.calc(r).mul(e.lineHeight).equal())
+          lineHeight: u(e.calc(r).mul(e.lineHeight).equal())
         }
       },
       "&:not(:last-child)": {
-        borderInlineEnd: `${d(e.lineWidth)} ${e.lineType} ${i}`
+        borderInlineEnd: `${u(e.lineWidth)} ${e.lineType} ${o}`
       }
     }
   });
-}, un = (e) => Object.assign(Object.assign({
-  margin: `${d(e.calc(e.marginXXS).mul(-1).equal())} 0`,
+}, En = (e) => Object.assign(Object.assign({
+  margin: `${u(e.calc(e.marginXXS).mul(-1).equal())} 0`,
   display: "flex"
-}, je()), {
+}, We()), {
   "&-avatar": {
     paddingInlineEnd: e.padding
   },
@@ -1918,29 +2020,30 @@ const Vt = (e) => {
     color: e.colorTextHeading,
     fontWeight: e.fontWeightStrong,
     fontSize: e.fontSizeLG
-  }, ke),
+  }, ot),
   "&-description": {
     color: e.colorTextDescription
   }
-}), vn = (e) => {
+}), Pn = (e) => {
   const {
     componentCls: t,
-    cardPaddingBase: n,
-    colorFillAlter: a
+    colorFillAlter: n,
+    headerPadding: a,
+    bodyPadding: r
   } = e;
   return {
     [`${t}-head`]: {
-      padding: `0 ${d(n)}`,
-      background: a,
+      padding: `0 ${u(a)}`,
+      background: n,
       "&-title": {
         fontSize: e.fontSize
       }
     },
     [`${t}-body`]: {
-      padding: `${d(e.padding)} ${d(n)}`
+      padding: `${u(e.padding)} ${u(r)}`
     }
   };
-}, fn = (e) => {
+}, Tn = (e) => {
   const {
     componentCls: t
   } = e;
@@ -1950,49 +2053,49 @@ const Vt = (e) => {
       userSelect: "none"
     }
   };
-}, bn = (e) => {
+}, Nn = (e) => {
   const {
     componentCls: t,
     cardShadow: n,
     cardHeadPadding: a,
     colorBorderSecondary: r,
-    boxShadowTertiary: i,
-    cardPaddingBase: c,
-    extraColor: o
+    boxShadowTertiary: o,
+    bodyPadding: c,
+    extraColor: i
   } = e;
   return {
-    [t]: Object.assign(Object.assign({}, Je(e)), {
+    [t]: Object.assign(Object.assign({}, it(e)), {
       position: "relative",
       background: e.colorBgContainer,
       borderRadius: e.borderRadiusLG,
       [`&:not(${t}-bordered)`]: {
-        boxShadow: i
+        boxShadow: o
       },
-      [`${t}-head`]: cn(e),
+      [`${t}-head`]: xn(e),
       [`${t}-extra`]: {
         // https://stackoverflow.com/a/22429853/3040605
         marginInlineStart: "auto",
-        color: o,
+        color: i,
         fontWeight: "normal",
         fontSize: e.fontSize
       },
       [`${t}-body`]: Object.assign({
         padding: c,
-        borderRadius: `0 0 ${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)}`
-      }, je()),
-      [`${t}-grid`]: sn(e),
+        borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
+      }, We()),
+      [`${t}-grid`]: Cn(e),
       [`${t}-cover`]: {
         "> *": {
           display: "block",
           width: "100%",
-          borderRadius: `${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)} 0 0`
+          borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
         }
       },
-      [`${t}-actions`]: dn(e),
-      [`${t}-meta`]: un(e)
+      [`${t}-actions`]: wn(e),
+      [`${t}-meta`]: En(e)
     }),
     [`${t}-bordered`]: {
-      border: `${d(e.lineWidth)} ${e.lineType} ${r}`,
+      border: `${u(e.lineWidth)} ${e.lineType} ${r}`,
       [`${t}-cover`]: {
         marginTop: -1,
         marginInlineStart: -1,
@@ -2008,7 +2111,7 @@ const Vt = (e) => {
       }
     },
     [`${t}-contain-grid`]: {
-      borderRadius: `${d(e.borderRadiusLG)} ${d(e.borderRadiusLG)} 0 0 `,
+      borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0 `,
       [`${t}-body`]: {
         display: "flex",
         flexWrap: "wrap"
@@ -2027,25 +2130,26 @@ const Vt = (e) => {
         }
       }
     },
-    [`${t}-type-inner`]: vn(e),
-    [`${t}-loading`]: fn(e),
+    [`${t}-type-inner`]: Pn(e),
+    [`${t}-loading`]: Tn(e),
     [`${t}-rtl`]: {
       direction: "rtl"
     }
   };
-}, mn = (e) => {
+}, On = (e) => {
   const {
     componentCls: t,
-    cardPaddingSM: n,
-    headerHeightSM: a,
-    headerFontSizeSM: r
+    bodyPaddingSM: n,
+    headerPaddingSM: a,
+    headerHeightSM: r,
+    headerFontSizeSM: o
   } = e;
   return {
     [`${t}-small`]: {
       [`> ${t}-head`]: {
-        minHeight: a,
-        padding: `0 ${d(n)}`,
-        fontSize: r,
+        minHeight: r,
+        padding: `0 ${u(a)}`,
+        fontSize: o,
         [`> ${t}-head-wrapper`]: {
           [`> ${t}-extra`]: {
             fontSize: e.fontSize
@@ -2066,40 +2170,46 @@ const Vt = (e) => {
       }
     }
   };
-}, gn = (e) => ({
-  headerBg: "transparent",
-  headerFontSize: e.fontSizeLG,
-  headerFontSizeSM: e.fontSize,
-  headerHeight: e.fontSizeLG * e.lineHeightLG + e.padding * 2,
-  headerHeightSM: e.fontSize * e.lineHeight + e.paddingXS * 2,
-  actionsBg: e.colorBgContainer,
-  actionsLiMargin: `${e.paddingSM}px 0`,
-  tabsMarginBottom: -e.padding - e.lineWidth,
-  extraColor: e.colorText
-}), pn = Ot("Card", (e) => {
-  const t = It(e, {
+}, Rn = (e) => {
+  var t, n;
+  return {
+    headerBg: "transparent",
+    headerFontSize: e.fontSizeLG,
+    headerFontSizeSM: e.fontSize,
+    headerHeight: e.fontSizeLG * e.lineHeightLG + e.padding * 2,
+    headerHeightSM: e.fontSize * e.lineHeight + e.paddingXS * 2,
+    actionsBg: e.colorBgContainer,
+    actionsLiMargin: `${e.paddingSM}px 0`,
+    tabsMarginBottom: -e.padding - e.lineWidth,
+    extraColor: e.colorText,
+    bodyPaddingSM: 12,
+    // Fixed padding.
+    headerPaddingSM: 12,
+    bodyPadding: (t = e.bodyPadding) !== null && t !== void 0 ? t : e.paddingLG,
+    headerPadding: (n = e.headerPadding) !== null && n !== void 0 ? n : e.paddingLG
+  };
+}, In = Ht("Card", (e) => {
+  const t = Wt(e, {
     cardShadow: e.boxShadowCard,
     cardHeadPadding: e.padding,
     cardPaddingBase: e.paddingLG,
-    cardActionsIconSize: e.fontSize,
-    cardPaddingSM: 12
-    // Fixed padding.
+    cardActionsIconSize: e.fontSize
   });
   return [
     // Style
-    bn(t),
+    Nn(t),
     // Size
-    mn(t)
+    On(t)
   ];
-}, gn);
-var Nt = function(e, t) {
+}, Rn);
+var At = 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++)
     t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
   return n;
 };
-const hn = (e) => {
+const zn = (e) => {
   const {
     actionClasses: t,
     actions: n = [],
@@ -2108,8 +2218,8 @@ const hn = (e) => {
   return /* @__PURE__ */ l.createElement("ul", {
     className: t,
     style: a
-  }, n.map((r, i) => {
-    const c = `action-${i}`;
+  }, n.map((r, o) => {
+    const c = `action-${o}`;
     return /* @__PURE__ */ l.createElement("li", {
       style: {
         width: `${100 / n.length}%`
@@ -2117,175 +2227,176 @@ const hn = (e) => {
       key: c
     }, /* @__PURE__ */ l.createElement("span", null, r));
   }));
-}, $n = /* @__PURE__ */ l.forwardRef((e, t) => {
+}, Mn = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     prefixCls: n,
     className: a,
     rootClassName: r,
-    style: i,
+    style: o,
     extra: c,
-    headStyle: o = {},
-    bodyStyle: s = {},
-    title: u,
-    loading: b,
-    bordered: g = !0,
-    size: h,
-    type: T,
-    cover: I,
-    actions: w,
-    tabList: P,
-    children: p,
-    activeTabKey: f,
-    defaultActiveTabKey: N,
-    tabBarExtraContent: z,
-    hoverable: G,
-    tabProps: W = {},
-    classNames: D,
-    styles: S
-  } = e, x = Nt(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
-    getPrefixCls: R,
-    direction: _,
-    card: m
-  } = l.useContext(De);
+    headStyle: i = {},
+    bodyStyle: d = {},
+    title: s,
+    loading: m,
+    bordered: p,
+    variant: y,
+    size: E,
+    type: B,
+    cover: C,
+    actions: N,
+    tabList: h,
+    children: $,
+    activeTabKey: P,
+    defaultActiveTabKey: G,
+    tabBarExtraContent: K,
+    hoverable: X,
+    tabProps: q = {},
+    classNames: O,
+    styles: x
+  } = 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,
+    direction: S,
+    card: f
+  } = l.useContext(Me), [_] = Aa("card", y, p);
   if (process.env.NODE_ENV !== "production") {
-    const X = Ze("Card");
-    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"]].forEach((A) => {
-      let [ce, Se] = A;
-      X.deprecated(!(ce in e), ce, Se);
+    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 $ = (X) => {
-    var A;
-    (A = e.onTabChange) === null || A === void 0 || A.call(e, X);
-  }, y = (X) => {
-    var A;
-    return B((A = m == null ? void 0 : m.classNames) === null || A === void 0 ? void 0 : A[X], D == null ? void 0 : D[X]);
-  }, V = (X) => {
-    var A;
-    return Object.assign(Object.assign({}, (A = m == null ? void 0 : m.styles) === null || A === void 0 ? void 0 : A[X]), S == null ? void 0 : S[X]);
-  }, se = l.useMemo(() => {
-    let X = !1;
-    return l.Children.forEach(p, (A) => {
-      (A == null ? void 0 : A.type) === Vt && (X = !0);
-    }), X;
-  }, [p]), v = R("card", n), [F, ie, K] = pn(v), Q = /* @__PURE__ */ l.createElement($a, {
+  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, {
     loading: !0,
     active: !0,
     paragraph: {
       rows: 4
     },
     title: !1
-  }, p), oe = f !== void 0, E = Object.assign(Object.assign({}, W), {
-    [oe ? "activeKey" : "defaultActiveKey"]: oe ? f : N,
-    tabBarExtraContent: z
+  }, $), j = P !== void 0, Y = Object.assign(Object.assign({}, q), {
+    [j ? "activeKey" : "defaultActiveKey"]: j ? P : G,
+    tabBarExtraContent: K
   });
-  let L;
-  const j = Lt(h), U = !j || j === "default" ? "large" : j, Y = P ? /* @__PURE__ */ l.createElement(tt, Object.assign({
-    size: U
-  }, E, {
-    className: `${v}-head-tabs`,
-    onChange: $,
-    items: P.map((X) => {
+  let Q;
+  const F = Kt(E), re = !F || F === "default" ? "large" : F, ae = h ? /* @__PURE__ */ l.createElement(st, Object.assign({
+    size: re
+  }, Y, {
+    className: `${R}-head-tabs`,
+    onChange: k,
+    items: h.map((W) => {
       var {
-        tab: A
-      } = X, ce = Nt(X, ["tab"]);
+        tab: L
+      } = W, oe = At(W, ["tab"]);
       return Object.assign({
-        label: A
-      }, ce);
+        label: L
+      }, oe);
     })
   })) : null;
-  if (u || c || Y) {
-    const X = B(`${v}-head`, y("header")), A = B(`${v}-head-title`, y("title")), ce = B(`${v}-extra`, y("extra")), Se = Object.assign(Object.assign({}, o), V("header"));
-    L = /* @__PURE__ */ l.createElement("div", {
-      className: X,
-      style: Se
+  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
     }, /* @__PURE__ */ l.createElement("div", {
-      className: `${v}-head-wrapper`
-    }, u && /* @__PURE__ */ l.createElement("div", {
-      className: A,
-      style: V("title")
-    }, u), c && /* @__PURE__ */ l.createElement("div", {
-      className: ce,
-      style: V("extra")
-    }, c)), Y);
+      className: `${R}-head-wrapper`
+    }, s && /* @__PURE__ */ l.createElement("div", {
+      className: L,
+      style: v("title")
+    }, s), c && /* @__PURE__ */ l.createElement("div", {
+      className: oe,
+      style: v("extra")
+    }, c)), ae);
   }
-  const te = B(`${v}-cover`, y("cover")), k = I ? /* @__PURE__ */ l.createElement("div", {
-    className: te,
-    style: V("cover")
-  }, I) : null, me = B(`${v}-body`, y("body")), de = Object.assign(Object.assign({}, s), V("body")), ne = /* @__PURE__ */ l.createElement("div", {
-    className: me,
-    style: de
-  }, b ? Q : p), ge = B(`${v}-actions`, y("actions")), O = w != null && w.length ? /* @__PURE__ */ l.createElement(hn, {
-    actionClasses: ge,
-    actionStyle: V("actions"),
-    actions: w
-  }) : null, le = pa(x, ["onTabChange"]), ye = B(v, m == null ? void 0 : m.className, {
-    [`${v}-loading`]: b,
-    [`${v}-bordered`]: g,
-    [`${v}-hoverable`]: G,
-    [`${v}-contain-grid`]: se,
-    [`${v}-contain-tabs`]: P == null ? void 0 : P.length,
-    [`${v}-${j}`]: j,
-    [`${v}-type-${T}`]: !!T,
-    [`${v}-rtl`]: _ === "rtl"
-  }, a, r, ie, K), Pe = Object.assign(Object.assign({}, m == null ? void 0 : m.style), i);
-  return F(/* @__PURE__ */ l.createElement("div", Object.assign({
+  const he = A(`${R}-cover`, H("cover")), fe = C ? /* @__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", {
+    className: ie,
+    style: $e
+  }, m ? w : $), de = A(`${R}-actions`, H("actions")), xe = 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, {
+    [`${R}-loading`]: m,
+    [`${R}-bordered`]: _ !== "borderless",
+    [`${R}-hoverable`]: X,
+    [`${R}-contain-grid`]: J,
+    [`${R}-contain-tabs`]: h == null ? void 0 : h.length,
+    [`${R}-${F}`]: F,
+    [`${R}-type-${B}`]: !!B,
+    [`${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({
     ref: t
-  }, le, {
-    className: ye,
-    style: Pe
-  }), L, k, ne, O));
+  }, Le, {
+    className: Xe,
+    style: qe
+  }), Q, fe, z, xe));
 });
-var yn = function(e, t) {
+var Ln = 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++)
     t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
   return n;
 };
-const Sn = (e) => {
+const Dn = (e) => {
   const {
     prefixCls: t,
     className: n,
     avatar: a,
     title: r,
-    description: i
-  } = e, c = yn(e, ["prefixCls", "className", "avatar", "title", "description"]), {
-    getPrefixCls: o
-  } = l.useContext(De), s = o("card", t), u = B(`${s}-meta`, n), b = a ? /* @__PURE__ */ l.createElement("div", {
-    className: `${s}-meta-avatar`
-  }, a) : null, g = r ? /* @__PURE__ */ l.createElement("div", {
-    className: `${s}-meta-title`
-  }, r) : null, h = i ? /* @__PURE__ */ l.createElement("div", {
-    className: `${s}-meta-description`
-  }, i) : null, T = g || h ? /* @__PURE__ */ l.createElement("div", {
-    className: `${s}-meta-detail`
-  }, g, h) : null;
+    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", {
+    className: `${d}-meta-avatar`
+  }, a) : null, p = 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", {
+    className: `${d}-meta-detail`
+  }, p, y) : null;
   return /* @__PURE__ */ l.createElement("div", Object.assign({}, c, {
-    className: u
-  }), b, T);
-}, He = $n;
-He.Grid = Vt;
-He.Meta = Sn;
-process.env.NODE_ENV !== "production" && (He.displayName = "Card");
-const _n = "_kpiCard_19chq_43", xn = "_width430_19chq_49", Cn = "_width384_19chq_58", wn = "_flexCol_19chq_62", En = "_flexRow_19chq_67", Tn = "_title_19chq_72", Pn = "_content_19chq_98", $e = {
-  kpiCard: _n,
-  width430: xn,
-  width384: Cn,
-  flexCol: wn,
-  flexRow: En,
-  title: Tn,
-  content: Pn
+    className: s
+  }), m, E);
+}, Ke = Mn;
+Ke.Grid = Zt;
+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 = {
+  kpiCard: Bn,
+  width430: jn,
+  width384: An,
+  flexCol: Gn,
+  flexRow: Hn,
+  title: Wn,
+  content: Vn
 };
-function Dn({ title: e, content: t, icon: n, menuCollapsed: a }) {
-  return /* @__PURE__ */ Te(He, { className: ia($e.kpiCard, a ? $e.width430 : $e.width384), children: e && t ? /* @__PURE__ */ Te("div", { className: $e.flexCol, children: /* @__PURE__ */ gt("div", { className: $e.flexRow, children: [
+function Zn({ 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__ */ gt("div", { className: $e.flexCol, children: [
-      /* @__PURE__ */ Te("span", { className: $e.title, children: e }),
-      /* @__PURE__ */ Te("span", { className: $e.content, children: t })
+    /* @__PURE__ */ Et("div", { className: _e.flexCol, children: [
+      /* @__PURE__ */ ze("span", { className: _e.title, children: e }),
+      /* @__PURE__ */ ze("span", { className: _e.content, children: t })
     ] })
-  ] }) }) : /* @__PURE__ */ Te(ra, {}) });
+  ] }) }) : /* @__PURE__ */ ze(ga, {}) });
 }
 export {
-  Dn as KpiCard
+  Zn as KpiCard
 };