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

package/dist/components/KpiCard/KpiCard.js

@@ -1,2439 +1,34 @@
-import { jsx as ze, jsxs as Et } from "react/jsx-runtime";
-import { LoadingAnimation as ga } from "../LoadingAnimation/LoadingAnimation.js";
-import { cn as ha } from "../../portal-utils/cn.js";
-import * as c from "react";
-import pa, { createContext as $a, useState as J, useRef as te, useEffect as be, useMemo as At } from "react";
-import { a as Me, V as ya, d as Sa, I as _a, _ as L, w as Pt, e as se, f as Ca, h as nt, i as ae, c as G, j as Ce, k as xa, l as Tt, n as wa, p as Ge, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Gt, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ia } from "../../context-dCWAMvX5.js";
-import { R as Ra, S as za } from "../../Skeleton-Bh0A9xju.js";
-import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as Ha } from "../../EllipsisOutlined-DfCu6q_b.js";
-import { _ as he } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
-import '../../assets/KpiCard.css';const ja = (e, t, n = void 0) => {
-  var a, r;
-  const {
-    variant: i,
-    [e]: l
-  } = c.useContext(Me), o = c.useContext(ya), d = l == null ? void 0 : l.variant;
-  let s;
-  typeof t < "u" ? s = t : n === !1 ? s = "borderless" : s = (r = (a = o ?? d) !== null && a !== void 0 ? a : i) !== null && r !== void 0 ? r : "outlined";
-  const m = Sa.includes(s);
-  return [s, m];
-};
-var Aa = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { tag: "path", attrs: { d: "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, name: "plus", theme: "outlined" }, Ga = function(t, n) {
-  return /* @__PURE__ */ c.createElement(_a, he({}, t, {
-    ref: n,
-    icon: Aa
-  }));
-}, qt = /* @__PURE__ */ c.forwardRef(Ga);
-process.env.NODE_ENV !== "production" && (qt.displayName = "PlusOutlined");
-const Ve = /* @__PURE__ */ $a(null);
-var Wa = function(t) {
-  var n = t.activeTabOffset, a = t.horizontal, r = t.rtl, i = t.indicator, l = i === void 0 ? {} : i, o = l.size, d = l.align, s = d === void 0 ? "center" : d, m = J(), p = L(m, 2), y = p[0], T = p[1], H = te(), x = pa.useCallback(function(g) {
-    return typeof o == "function" ? o(g) : typeof o == "number" ? o : g;
-  }, [o]);
-  function O() {
-    Pt.cancel(H.current);
-  }
-  return be(function() {
-    var g = {};
-    if (n)
-      if (a) {
-        g.width = x(n.width);
-        var $ = r ? "right" : "left";
-        s === "start" && (g[$] = n[$]), s === "center" && (g[$] = n[$] + n.width / 2, g.transform = r ? "translateX(50%)" : "translateX(-50%)"), s === "end" && (g[$] = n[$] + n.width, g.transform = "translateX(-100%)");
-      } else
-        g.height = x(n.height), s === "start" && (g.top = n.top), s === "center" && (g.top = n.top + n.height / 2, g.transform = "translateY(-50%)"), s === "end" && (g.top = n.top + n.height, g.transform = "translateY(-100%)");
-    return O(), H.current = Pt(function() {
-      var w = y && g && Object.keys(g).every(function(z) {
-        var D = g[z], j = y[z];
-        return typeof D == "number" && typeof j == "number" ? Math.round(D) === Math.round(j) : D === j;
-      });
-      w || T(g);
-    }), O;
-  }, [JSON.stringify(n), a, r, s, x]), {
-    style: y
-  };
-}, It = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0
-};
-function Va(e, t, n) {
-  return At(function() {
-    for (var a, r = /* @__PURE__ */ new Map(), i = t.get((a = e[0]) === null || a === void 0 ? void 0 : a.key) || It, l = i.left + i.width, o = 0; o < e.length; o += 1) {
-      var d = e[o].key, s = t.get(d);
-      if (!s) {
-        var m;
-        s = t.get((m = e[o - 1]) === null || m === void 0 ? void 0 : m.key) || It;
-      }
-      var p = r.get(d) || se({}, s);
-      p.right = l - p.left - p.width, r.set(d, p);
-    }
-    return r;
-  }, [e.map(function(a) {
-    return a.key;
-  }).join("_"), t, n]);
-}
-function Rt(e, t) {
-  var n = c.useRef(e), a = c.useState({}), r = L(a, 2), i = r[1];
-  function l(o) {
-    var d = typeof o == "function" ? o(n.current) : o;
-    d !== n.current && t(d, n.current), n.current = d, i({});
-  }
-  return [n.current, l];
-}
-var Ka = 0.1, zt = 0.01, Ae = 20, Mt = Math.pow(0.995, Ae);
-function qa(e, t) {
-  var n = J(), a = L(n, 2), r = a[0], i = a[1], l = J(0), o = L(l, 2), d = o[0], s = o[1], m = J(0), p = L(m, 2), y = p[0], T = p[1], H = J(), x = L(H, 2), O = x[0], g = x[1], $ = te();
-  function w(S) {
-    var N = S.touches[0], h = N.screenX, _ = N.screenY;
-    i({
-      x: h,
-      y: _
-    }), window.clearInterval($.current);
-  }
-  function z(S) {
-    if (r) {
-      var N = S.touches[0], h = N.screenX, _ = N.screenY;
-      i({
-        x: h,
-        y: _
-      });
-      var f = h - r.x, C = _ - r.y;
-      t(f, C);
-      var X = Date.now();
-      s(X), T(X - d), g({
-        x: f,
-        y: C
-      });
-    }
-  }
-  function D() {
-    if (r && (i(null), g(null), O)) {
-      var S = O.x / y, N = O.y / y, h = Math.abs(S), _ = Math.abs(N);
-      if (Math.max(h, _) < Ka) return;
-      var f = S, C = N;
-      $.current = window.setInterval(function() {
-        if (Math.abs(f) < zt && Math.abs(C) < zt) {
-          window.clearInterval($.current);
-          return;
-        }
-        f *= Mt, C *= Mt, t(f * Ae, C * Ae);
-      }, Ae);
-    }
-  }
-  var j = te();
-  function F(S) {
-    var N = S.deltaX, h = S.deltaY, _ = 0, f = Math.abs(N), C = Math.abs(h);
-    f === C ? _ = j.current === "x" ? N : h : f > C ? (_ = N, j.current = "x") : (_ = h, j.current = "y"), t(-_, -_) && S.preventDefault();
-  }
-  var I = te(null);
-  I.current = {
-    onTouchStart: w,
-    onTouchMove: z,
-    onTouchEnd: D,
-    onWheel: F
-  }, c.useEffect(function() {
-    function S(f) {
-      I.current.onTouchStart(f);
-    }
-    function N(f) {
-      I.current.onTouchMove(f);
-    }
-    function h(f) {
-      I.current.onTouchEnd(f);
-    }
-    function _(f) {
-      I.current.onWheel(f);
-    }
-    return document.addEventListener("touchmove", N, {
-      passive: !1
-    }), document.addEventListener("touchend", h, {
-      passive: !0
-    }), e.current.addEventListener("touchstart", S, {
-      passive: !0
-    }), e.current.addEventListener("wheel", _, {
-      passive: !1
-    }), function() {
-      document.removeEventListener("touchmove", N), document.removeEventListener("touchend", h);
-    };
-  }, []);
-}
-function Ft(e) {
-  var t = J(0), n = L(t, 2), a = n[0], r = n[1], i = te(0), l = te();
-  return l.current = e, Ca(function() {
-    var o;
-    (o = l.current) === null || o === void 0 || o.call(l);
-  }, [a]), function() {
-    i.current === a && (i.current += 1, r(i.current));
-  };
-}
-function Fa(e) {
-  var t = te([]), n = J({}), a = L(n, 2), r = a[1], i = te(typeof e == "function" ? e() : e), l = Ft(function() {
-    var d = i.current;
-    t.current.forEach(function(s) {
-      d = s(d);
-    }), t.current = [], i.current = d, r({});
-  });
-  function o(d) {
-    t.current.push(d), l();
-  }
-  return [i.current, o];
-}
-var Lt = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0,
-  right: 0
-};
-function Xa(e, t, n, a, r, i, l) {
-  var o = l.tabs, d = l.tabPosition, s = l.rtl, m, p, y;
-  return ["top", "bottom"].includes(d) ? (m = "width", p = s ? "right" : "left", y = Math.abs(n)) : (m = "height", p = "top", y = -n), At(function() {
-    if (!o.length)
-      return [0, 0];
-    for (var T = o.length, H = T, x = 0; x < T; x += 1) {
-      var O = e.get(o[x].key) || Lt;
-      if (Math.floor(O[p] + O[m]) > Math.floor(y + t)) {
-        H = x - 1;
-        break;
-      }
-    }
-    for (var g = 0, $ = T - 1; $ >= 0; $ -= 1) {
-      var w = e.get(o[$].key) || Lt;
-      if (w[p] < y) {
-        g = $ + 1;
-        break;
-      }
-    }
-    return g >= H ? [0, 0] : [g, H];
-  }, [e, t, a, r, i, y, d, o.map(function(T) {
-    return T.key;
-  }).join("_"), s]);
-}
-function Dt(e) {
-  var t;
-  return e instanceof Map ? (t = {}, e.forEach(function(n, a) {
-    t[a] = n;
-  })) : t = e, JSON.stringify(t);
-}
-var Ua = "TABS_DQ";
-function Xt(e) {
-  return String(e).replace(/"/g, Ua);
-}
-function lt(e, t, n, a) {
-  return (
-    // Only editable tabs can be removed
-    !(!n || // Tabs cannot be removed when disabled
-    a || // closable is false
-    e === !1 || // If closable is undefined, the remove button should be hidden when closeIcon is null or false
-    e === void 0 && (t === !1 || t === null))
-  );
-}
-var Ut = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.editable, r = e.locale, i = e.style;
-  return !a || a.showAdd === !1 ? null : /* @__PURE__ */ c.createElement("button", {
-    ref: t,
-    type: "button",
-    className: "".concat(n, "-nav-add"),
-    style: i,
-    "aria-label": (r == null ? void 0 : r.addAriaLabel) || "Add tab",
-    onClick: function(o) {
-      a.onEdit("add", {
-        event: o
-      });
-    }
-  }, a.addIcon || "+");
-}), at = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var n = e.position, a = e.prefixCls, r = e.extra;
-  if (!r)
-    return null;
-  var i, l = {};
-  return nt(r) === "object" && !/* @__PURE__ */ c.isValidElement(r) ? l = r : l.right = r, n === "right" && (i = l.right), n === "left" && (i = l.left), i ? /* @__PURE__ */ c.createElement("div", {
-    className: "".concat(a, "-extra-content"),
-    ref: t
-  }, i) : null;
-});
-process.env.NODE_ENV !== "production" && (at.displayName = "ExtraContent");
-var Ya = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.id, r = e.tabs, i = e.locale, l = e.mobile, o = e.more, d = o === void 0 ? {} : o, s = e.style, m = e.className, p = e.editable, y = e.tabBarGutter, T = e.rtl, H = e.removeAriaLabel, x = e.onTabClick, O = e.getPopupContainer, g = e.popupClassName, $ = J(!1), w = L($, 2), z = w[0], D = w[1], j = J(null), F = L(j, 2), I = F[0], S = F[1], N = d.icon, h = N === void 0 ? "More" : N, _ = "".concat(a, "-more-popup"), f = "".concat(n, "-dropdown"), C = I !== null ? "".concat(_, "-").concat(I) : null, X = i == null ? void 0 : i.dropdownAriaLabel;
-  function A(E, W) {
-    E.preventDefault(), E.stopPropagation(), p.onEdit("remove", {
-      key: W,
-      event: E
-    });
-  }
-  var V = /* @__PURE__ */ c.createElement(Ma, {
-    onClick: function(W) {
-      var Y = W.key, k = W.domEvent;
-      x(Y, k), D(!1);
-    },
-    prefixCls: "".concat(f, "-menu"),
-    id: _,
-    tabIndex: -1,
-    role: "listbox",
-    "aria-activedescendant": C,
-    selectedKeys: [I],
-    "aria-label": X !== void 0 ? X : "expanded dropdown"
-  }, r.map(function(E) {
-    var W = E.closable, Y = E.disabled, k = E.closeIcon, U = E.key, ie = E.label, ee = lt(W, k, p, Y);
-    return /* @__PURE__ */ c.createElement(La, {
-      key: U,
-      id: "".concat(_, "-").concat(U),
-      role: "option",
-      "aria-controls": a && "".concat(a, "-panel-").concat(U),
-      disabled: Y
-    }, /* @__PURE__ */ c.createElement("span", null, ie), ee && /* @__PURE__ */ c.createElement("button", {
-      type: "button",
-      "aria-label": H || "remove",
-      tabIndex: 0,
-      className: "".concat(f, "-menu-item-remove"),
-      onClick: function(ve) {
-        ve.stopPropagation(), A(ve, U);
-      }
-    }, k || p.removeIcon || "×"));
-  }));
-  function Z(E) {
-    for (var W = r.filter(function(ee) {
-      return !ee.disabled;
-    }), Y = W.findIndex(function(ee) {
-      return ee.key === I;
-    }) || 0, k = W.length, U = 0; U < k; U += 1) {
-      Y = (Y + E + k) % k;
-      var ie = W[Y];
-      if (!ie.disabled) {
-        S(ie.key);
-        return;
-      }
-    }
-  }
-  function v(E) {
-    var W = E.which;
-    if (!z) {
-      [Ce.DOWN, Ce.SPACE, Ce.ENTER].includes(W) && (D(!0), E.preventDefault());
-      return;
-    }
-    switch (W) {
-      case Ce.UP:
-        Z(-1), E.preventDefault();
-        break;
-      case Ce.DOWN:
-        Z(1), E.preventDefault();
-        break;
-      case Ce.ESC:
-        D(!1);
-        break;
-      case Ce.SPACE:
-      case Ce.ENTER:
-        I !== null && x(I, E);
-        break;
-    }
-  }
-  be(function() {
-    var E = document.getElementById(C);
-    E && E.scrollIntoView && E.scrollIntoView(!1);
-  }, [I]), be(function() {
-    z || S(null);
-  }, [z]);
-  var re = ae({}, T ? "marginRight" : "marginLeft", y);
-  r.length || (re.visibility = "hidden", re.order = 1);
-  var ne = G(ae({}, "".concat(f, "-rtl"), T)), Q = l ? null : /* @__PURE__ */ c.createElement(Da, he({
-    prefixCls: f,
-    overlay: V,
-    visible: r.length ? z : !1,
-    onVisibleChange: D,
-    overlayClassName: G(ne, g),
-    mouseEnterDelay: 0.1,
-    mouseLeaveDelay: 0.1,
-    getPopupContainer: O
-  }, d), /* @__PURE__ */ c.createElement("button", {
-    type: "button",
-    className: "".concat(n, "-nav-more"),
-    style: re,
-    "aria-haspopup": "listbox",
-    "aria-controls": _,
-    id: "".concat(a, "-more"),
-    "aria-expanded": z,
-    onKeyDown: v
-  }, h));
-  return /* @__PURE__ */ c.createElement("div", {
-    className: G("".concat(n, "-nav-operations"), m),
-    style: s,
-    ref: t
-  }, Q, /* @__PURE__ */ c.createElement(Ut, {
-    prefixCls: n,
-    locale: i,
-    editable: p
-  }));
-});
-const ka = /* @__PURE__ */ c.memo(Ya, function(e, t) {
-  return (
-    // https://github.com/ant-design/ant-design/issues/32544
-    // We'd better remove syntactic sugar in `rc-menu` since this has perf issue
-    t.tabMoving
-  );
-});
-var Ja = function(t) {
-  var n = t.prefixCls, a = t.id, r = t.active, i = t.focus, l = t.tab, o = l.key, d = l.label, s = l.disabled, m = l.closeIcon, p = l.icon, y = t.closable, T = t.renderWrapper, H = t.removeAriaLabel, x = t.editable, O = t.onClick, g = t.onFocus, $ = t.onBlur, w = t.onKeyDown, z = t.onMouseDown, D = t.onMouseUp, j = t.style, F = t.tabCount, I = t.currentPosition, S = "".concat(n, "-tab"), N = lt(y, m, x, s);
-  function h(A) {
-    s || O(A);
-  }
-  function _(A) {
-    A.preventDefault(), A.stopPropagation(), x.onEdit("remove", {
-      key: o,
-      event: A
-    });
-  }
-  var f = c.useMemo(function() {
-    return p && typeof d == "string" ? /* @__PURE__ */ c.createElement("span", null, d) : d;
-  }, [d, p]), C = c.useRef(null);
-  c.useEffect(function() {
-    i && C.current && C.current.focus();
-  }, [i]);
-  var X = /* @__PURE__ */ c.createElement("div", {
-    key: o,
-    "data-node-key": Xt(o),
-    className: G(S, ae(ae(ae(ae({}, "".concat(S, "-with-remove"), N), "".concat(S, "-active"), r), "".concat(S, "-disabled"), s), "".concat(S, "-focus"), i)),
-    style: j,
-    onClick: h
-  }, /* @__PURE__ */ c.createElement("div", {
-    ref: C,
-    role: "tab",
-    "aria-selected": r,
-    id: a && "".concat(a, "-tab-").concat(o),
-    className: "".concat(S, "-btn"),
-    "aria-controls": a && "".concat(a, "-panel-").concat(o),
-    "aria-disabled": s,
-    tabIndex: s ? null : r ? 0 : -1,
-    onClick: function(V) {
-      V.stopPropagation(), h(V);
-    },
-    onKeyDown: w,
-    onMouseDown: z,
-    onMouseUp: D,
-    onFocus: g,
-    onBlur: $
-  }, i && /* @__PURE__ */ c.createElement("div", {
-    "aria-live": "polite",
-    style: {
-      width: 0,
-      height: 0,
-      position: "absolute",
-      overflow: "hidden",
-      opacity: 0
-    }
-  }, "Tab ".concat(I, " of ").concat(F)), p && /* @__PURE__ */ c.createElement("span", {
-    className: "".concat(S, "-icon")
-  }, p), d && f), N && /* @__PURE__ */ c.createElement("button", {
-    type: "button",
-    role: "tab",
-    "aria-label": H || "remove",
-    tabIndex: r ? 0 : -1,
-    className: "".concat(S, "-remove"),
-    onClick: function(V) {
-      V.stopPropagation(), _(V);
-    }
-  }, m || x.removeIcon || "×"));
-  return T ? T(X) : X;
-}, Qa = function(t, n) {
-  var a = t.offsetWidth, r = t.offsetHeight, i = t.offsetTop, l = t.offsetLeft, o = t.getBoundingClientRect(), d = o.width, s = o.height, m = o.left, p = o.top;
-  return Math.abs(d - a) < 1 ? [d, s, m - n.left, p - n.top] : [a, r, l, i];
-}, Ne = function(t) {
-  var n = t.current || {}, a = n.offsetWidth, r = a === void 0 ? 0 : a, i = n.offsetHeight, l = i === void 0 ? 0 : i;
-  if (t.current) {
-    var o = t.current.getBoundingClientRect(), d = o.width, s = o.height;
-    if (Math.abs(d - r) < 1)
-      return [d, s];
-  }
-  return [r, l];
-}, je = function(t, n) {
-  return t[n ? 0 : 1];
-}, Bt = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var n = e.className, a = e.style, r = e.id, i = e.animated, l = e.activeKey, o = e.rtl, d = e.extra, s = e.editable, m = e.locale, p = e.tabPosition, y = e.tabBarGutter, T = e.children, H = e.onTabClick, x = e.onTabScroll, O = e.indicator, g = c.useContext(Ve), $ = g.prefixCls, w = g.tabs, z = te(null), D = te(null), j = te(null), F = te(null), I = te(null), S = te(null), N = te(null), h = p === "top" || p === "bottom", _ = Rt(0, function(R, b) {
-    h && x && x({
-      direction: R > b ? "left" : "right"
-    });
-  }), f = L(_, 2), C = f[0], X = f[1], A = Rt(0, function(R, b) {
-    !h && x && x({
-      direction: R > b ? "top" : "bottom"
-    });
-  }), V = L(A, 2), Z = V[0], v = V[1], re = J([0, 0]), ne = L(re, 2), Q = ne[0], E = ne[1], W = J([0, 0]), Y = L(W, 2), k = Y[0], U = Y[1], ie = J([0, 0]), ee = L(ie, 2), pe = ee[0], ve = ee[1], $e = J([0, 0]), ye = L($e, 2), P = ye[0], oe = ye[1], me = Fa(/* @__PURE__ */ new Map()), Le = L(me, 2), qe = Le[0], Fe = Le[1], K = Va(w, qe, k[0]), M = je(Q, h), de = je(k, h), Oe = je(pe, h), dt = je(P, h), ut = Math.floor(M) < Math.floor(de + Oe), fe = ut ? M - dt : M - Oe, Zt = "".concat($, "-nav-operations-hidden"), Se = 0, we = 0;
-  h && o ? (Se = 0, we = Math.max(0, de - fe)) : (Se = Math.min(0, fe - de), we = 0);
-  function Xe(R) {
-    return R < Se ? Se : R > we ? we : R;
-  }
-  var Ue = te(null), ea = J(), vt = L(ea, 2), De = vt[0], ft = vt[1];
-  function Ye() {
-    ft(Date.now());
-  }
-  function ke() {
-    Ue.current && clearTimeout(Ue.current);
-  }
-  qa(F, function(R, b) {
-    function B(q, ue) {
-      q(function(le) {
-        var Pe = Xe(le + ue);
-        return Pe;
-      });
-    }
-    return ut ? (h ? B(X, R) : B(v, b), ke(), Ye(), !0) : !1;
-  }), be(function() {
-    return ke(), De && (Ue.current = setTimeout(function() {
-      ft(0);
-    }, 100)), ke;
-  }, [De]);
-  var ta = Xa(
-    K,
-    // Container
-    fe,
-    // Transform
-    h ? C : Z,
-    // Tabs
-    de,
-    // Add
-    Oe,
-    // Operation
-    dt,
-    se(se({}, e), {}, {
-      tabs: w
-    })
-  ), bt = L(ta, 2), aa = bt[0], na = bt[1], mt = xa(function() {
-    var R = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : l, b = K.get(R) || {
-      width: 0,
-      height: 0,
-      left: 0,
-      right: 0,
-      top: 0
-    };
-    if (h) {
-      var B = C;
-      o ? b.right < C ? B = b.right : b.right + b.width > C + fe && (B = b.right + b.width - fe) : b.left < -C ? B = -b.left : b.left + b.width > -C + fe && (B = -(b.left + b.width - fe)), v(0), X(Xe(B));
-    } else {
-      var q = Z;
-      b.top < -Z ? q = -b.top : b.top + b.height > -Z + fe && (q = -(b.top + b.height - fe)), X(0), v(Xe(q));
-    }
-  }), ra = J(), gt = L(ra, 2), _e = gt[0], Ie = gt[1], ia = J(!1), ht = L(ia, 2), oa = ht[0], pt = ht[1], ge = w.filter(function(R) {
-    return !R.disabled;
-  }).map(function(R) {
-    return R.key;
-  }), Ee = function(b) {
-    var B = ge.indexOf(_e || l), q = ge.length, ue = (B + b + q) % q, le = ge[ue];
-    Ie(le);
-  }, la = function(b) {
-    var B = b.code, q = o && h, ue = ge[0], le = ge[ge.length - 1];
-    switch (B) {
-      // LEFT
-      case "ArrowLeft": {
-        h && Ee(q ? 1 : -1);
-        break;
-      }
-      // RIGHT
-      case "ArrowRight": {
-        h && Ee(q ? -1 : 1);
-        break;
-      }
-      // UP
-      case "ArrowUp": {
-        b.preventDefault(), h || Ee(-1);
-        break;
-      }
-      // DOWN
-      case "ArrowDown": {
-        b.preventDefault(), h || Ee(1);
-        break;
-      }
-      // HOME
-      case "Home": {
-        b.preventDefault(), Ie(ue);
-        break;
-      }
-      // END
-      case "End": {
-        b.preventDefault(), Ie(le);
-        break;
-      }
-      // Enter & Space
-      case "Enter":
-      case "Space": {
-        b.preventDefault(), H(_e ?? l, b);
-        break;
-      }
-      // Backspace
-      case "Backspace":
-      case "Delete": {
-        var Pe = ge.indexOf(_e), ce = w.find(function(Te) {
-          return Te.key === _e;
-        }), Ze = lt(ce == null ? void 0 : ce.closable, ce == null ? void 0 : ce.closeIcon, s, ce == null ? void 0 : ce.disabled);
-        Ze && (b.preventDefault(), b.stopPropagation(), s.onEdit("remove", {
-          key: _e,
-          event: b
-        }), Pe === ge.length - 1 ? Ee(-1) : Ee(1));
-        break;
-      }
-    }
-  }, Be = {};
-  h ? Be[o ? "marginRight" : "marginLeft"] = y : Be.marginTop = y;
-  var $t = w.map(function(R, b) {
-    var B = R.key;
-    return /* @__PURE__ */ c.createElement(Ja, {
-      id: r,
-      prefixCls: $,
-      key: B,
-      tab: R,
-      style: b === 0 ? void 0 : Be,
-      closable: R.closable,
-      editable: s,
-      active: B === l,
-      focus: B === _e,
-      renderWrapper: T,
-      removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-      tabCount: ge.length,
-      currentPosition: b + 1,
-      onClick: function(ue) {
-        H(B, ue);
-      },
-      onKeyDown: la,
-      onFocus: function() {
-        oa || Ie(B), mt(B), Ye(), F.current && (o || (F.current.scrollLeft = 0), F.current.scrollTop = 0);
-      },
-      onBlur: function() {
-        Ie(void 0);
-      },
-      onMouseDown: function() {
-        pt(!0);
-      },
-      onMouseUp: function() {
-        pt(!1);
-      }
-    });
-  }), yt = function() {
-    return Fe(function() {
-      var b, B = /* @__PURE__ */ new Map(), q = (b = I.current) === null || b === void 0 ? void 0 : b.getBoundingClientRect();
-      return w.forEach(function(ue) {
-        var le, Pe = ue.key, ce = (le = I.current) === null || le === void 0 ? void 0 : le.querySelector('[data-node-key="'.concat(Xt(Pe), '"]'));
-        if (ce) {
-          var Ze = Qa(ce, q), Te = L(Ze, 4), va = Te[0], fa = Te[1], ba = Te[2], ma = Te[3];
-          B.set(Pe, {
-            width: va,
-            height: fa,
-            left: ba,
-            top: ma
-          });
-        }
-      }), B;
-    });
-  };
-  be(function() {
-    yt();
-  }, [w.map(function(R) {
-    return R.key;
-  }).join("_")]);
-  var He = Ft(function() {
-    var R = Ne(z), b = Ne(D), B = Ne(j);
-    E([R[0] - b[0] - B[0], R[1] - b[1] - B[1]]);
-    var q = Ne(N);
-    ve(q);
-    var ue = Ne(S);
-    oe(ue);
-    var le = Ne(I);
-    U([le[0] - q[0], le[1] - q[1]]), yt();
-  }), ca = w.slice(0, aa), sa = w.slice(na + 1), St = [].concat(Tt(ca), Tt(sa)), _t = K.get(l), da = Wa({
-    activeTabOffset: _t,
-    horizontal: h,
-    indicator: O,
-    rtl: o
-  }), ua = da.style;
-  be(function() {
-    mt();
-  }, [l, Se, we, Dt(_t), Dt(K), h]), be(function() {
-    He();
-  }, [o]);
-  var Ct = !!St.length, Re = "".concat($, "-nav-wrap"), Je, Qe, xt, wt;
-  return h ? o ? (Qe = C > 0, Je = C !== we) : (Je = C < 0, Qe = C !== Se) : (xt = Z < 0, wt = Z !== Se), /* @__PURE__ */ c.createElement(et, {
-    onResize: He
-  }, /* @__PURE__ */ c.createElement("div", {
-    ref: wa(t, z),
-    role: "tablist",
-    "aria-orientation": h ? "horizontal" : "vertical",
-    className: G("".concat($, "-nav"), n),
-    style: a,
-    onKeyDown: function() {
-      Ye();
-    }
-  }, /* @__PURE__ */ c.createElement(at, {
-    ref: D,
-    position: "left",
-    extra: d,
-    prefixCls: $
-  }), /* @__PURE__ */ c.createElement(et, {
-    onResize: He
-  }, /* @__PURE__ */ c.createElement("div", {
-    className: G(Re, ae(ae(ae(ae({}, "".concat(Re, "-ping-left"), Je), "".concat(Re, "-ping-right"), Qe), "".concat(Re, "-ping-top"), xt), "".concat(Re, "-ping-bottom"), wt)),
-    ref: F
-  }, /* @__PURE__ */ c.createElement(et, {
-    onResize: He
-  }, /* @__PURE__ */ c.createElement("div", {
-    ref: I,
-    className: "".concat($, "-nav-list"),
-    style: {
-      transform: "translate(".concat(C, "px, ").concat(Z, "px)"),
-      transition: De ? "none" : void 0
-    }
-  }, $t, /* @__PURE__ */ c.createElement(Ut, {
-    ref: N,
-    prefixCls: $,
-    locale: m,
-    editable: s,
-    style: se(se({}, $t.length === 0 ? void 0 : Be), {}, {
-      visibility: Ct ? "hidden" : null
-    })
-  }), /* @__PURE__ */ c.createElement("div", {
-    className: G("".concat($, "-ink-bar"), ae({}, "".concat($, "-ink-bar-animated"), i.inkBar)),
-    style: ua
-  }))))), /* @__PURE__ */ c.createElement(ka, he({}, e, {
-    removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-    ref: S,
-    prefixCls: $,
-    tabs: St,
-    className: !Ct && Zt,
-    tabMoving: !!De
-  })), /* @__PURE__ */ c.createElement(at, {
-    ref: j,
-    position: "right",
-    extra: d,
-    prefixCls: $
-  })));
-}), ct = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.className, r = e.style, i = e.id, l = e.active, o = e.tabKey, d = e.children;
-  return /* @__PURE__ */ c.createElement("div", {
-    id: i && "".concat(i, "-panel-").concat(o),
-    role: "tabpanel",
-    tabIndex: l ? 0 : -1,
-    "aria-labelledby": i && "".concat(i, "-tab-").concat(o),
-    "aria-hidden": !l,
-    style: r,
-    className: G(n, l && "".concat(n, "-active"), a),
-    ref: t
-  }, d);
-});
-process.env.NODE_ENV !== "production" && (ct.displayName = "TabPane");
-var Za = ["renderTabBar"], en = ["label", "key"], Yt = function(t) {
-  var n = t.renderTabBar, a = Ge(t, Za), r = c.useContext(Ve), i = r.tabs;
-  if (n) {
-    var l = se(se({}, a), {}, {
-      // Legacy support. We do not use this actually
-      panes: i.map(function(o) {
-        var d = o.label, s = o.key, m = Ge(o, en);
-        return /* @__PURE__ */ c.createElement(ct, he({
-          tab: d,
-          key: s,
-          tabKey: s
-        }, m));
-      })
-    });
-    return n(l, Bt);
-  }
-  return /* @__PURE__ */ c.createElement(Bt, a);
-};
-process.env.NODE_ENV !== "production" && (Yt.displayName = "TabNavListWrapper");
-var tn = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"], an = function(t) {
-  var n = t.id, a = t.activeKey, r = t.animated, i = t.tabPosition, l = t.destroyInactiveTabPane, o = c.useContext(Ve), d = o.prefixCls, s = o.tabs, m = r.tabPane, p = "".concat(d, "-tabpane");
-  return /* @__PURE__ */ c.createElement("div", {
-    className: G("".concat(d, "-content-holder"))
-  }, /* @__PURE__ */ c.createElement("div", {
-    className: G("".concat(d, "-content"), "".concat(d, "-content-").concat(i), ae({}, "".concat(d, "-content-animated"), m))
-  }, s.map(function(y) {
-    var T = y.key, H = y.forceRender, x = y.style, O = y.className, g = y.destroyInactiveTabPane, $ = Ge(y, tn), w = T === a;
-    return /* @__PURE__ */ c.createElement(Ea, he({
-      key: T,
-      visible: w,
-      forceRender: H,
-      removeOnLeave: !!(l || g),
-      leavedClassName: "".concat(p, "-hidden")
-    }, r.tabPaneMotion), function(z, D) {
-      var j = z.style, F = z.className;
-      return /* @__PURE__ */ c.createElement(ct, he({}, $, {
-        prefixCls: p,
-        id: n,
-        tabKey: T,
-        animated: m,
-        active: w,
-        style: se(se({}, x), j),
-        className: G(O, F),
-        ref: D
-      }));
-    });
-  })));
-};
-function nn() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
-    inkBar: !0,
-    tabPane: !1
-  }, t;
-  return e === !1 ? t = {
-    inkBar: !1,
-    tabPane: !1
-  } : e === !0 ? t = {
-    inkBar: !0,
-    tabPane: !1
-  } : t = se({
-    inkBar: !0
-  }, nt(e) === "object" ? e : {}), t.tabPaneMotion && t.tabPane === void 0 && (t.tabPane = !0), !t.tabPaneMotion && t.tabPane && (process.env.NODE_ENV !== "production" && Pa(!1, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work."), t.tabPane = !1), t;
-}
-var rn = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], Ht = 0, kt = /* @__PURE__ */ c.forwardRef(function(e, t) {
-  var n = e.id, a = e.prefixCls, r = a === void 0 ? "rc-tabs" : a, i = e.className, l = e.items, o = e.direction, d = e.activeKey, s = e.defaultActiveKey, m = e.editable, p = e.animated, y = e.tabPosition, T = y === void 0 ? "top" : y, H = e.tabBarGutter, x = e.tabBarStyle, O = e.tabBarExtraContent, g = e.locale, $ = e.more, w = e.destroyInactiveTabPane, z = e.renderTabBar, D = e.onChange, j = e.onTabClick, F = e.onTabScroll, I = e.getPopupContainer, S = e.popupClassName, N = e.indicator, h = Ge(e, rn), _ = c.useMemo(function() {
-    return (l || []).filter(function(P) {
-      return P && nt(P) === "object" && "key" in P;
-    });
-  }, [l]), f = o === "rtl", C = nn(p), X = J(!1), A = L(X, 2), V = A[0], Z = A[1];
-  be(function() {
-    Z(Ba());
-  }, []);
-  var v = Nt(function() {
-    var P;
-    return (P = _[0]) === null || P === void 0 ? void 0 : P.key;
-  }, {
-    value: d,
-    defaultValue: s
-  }), re = L(v, 2), ne = re[0], Q = re[1], E = J(function() {
-    return _.findIndex(function(P) {
-      return P.key === ne;
-    });
-  }), W = L(E, 2), Y = W[0], k = W[1];
-  be(function() {
-    var P = _.findIndex(function(me) {
-      return me.key === ne;
-    });
-    if (P === -1) {
-      var oe;
-      P = Math.max(0, Math.min(Y, _.length - 1)), Q((oe = _[P]) === null || oe === void 0 ? void 0 : oe.key);
-    }
-    k(P);
-  }, [_.map(function(P) {
-    return P.key;
-  }).join("_"), ne, Y]);
-  var U = Nt(null, {
-    value: n
-  }), ie = L(U, 2), ee = ie[0], pe = ie[1];
-  be(function() {
-    n || (pe("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : Ht)), Ht += 1);
-  }, []);
-  function ve(P, oe) {
-    j == null || j(P, oe);
-    var me = P !== ne;
-    Q(P), me && (D == null || D(P));
-  }
-  var $e = {
-    id: ee,
-    activeKey: ne,
-    animated: C,
-    tabPosition: T,
-    rtl: f,
-    mobile: V
-  }, ye = se(se({}, $e), {}, {
-    editable: m,
-    locale: g,
-    more: $,
-    tabBarGutter: H,
-    onTabClick: ve,
-    onTabScroll: F,
-    extra: O,
-    style: x,
-    panes: null,
-    getPopupContainer: I,
-    popupClassName: S,
-    indicator: N
-  });
-  return /* @__PURE__ */ c.createElement(Ve.Provider, {
-    value: {
-      tabs: _,
-      prefixCls: r
-    }
-  }, /* @__PURE__ */ c.createElement("div", he({
-    ref: t,
-    id: n,
-    className: G(r, "".concat(r, "-").concat(T), ae(ae(ae({}, "".concat(r, "-mobile"), V), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), f), i)
-  }, h), /* @__PURE__ */ c.createElement(Yt, he({}, ye, {
-    renderTabBar: z
-  })), /* @__PURE__ */ c.createElement(an, he({
-    destroyInactiveTabPane: w
-  }, $e, {
-    animated: C
-  }))));
-});
-process.env.NODE_ENV !== "production" && (kt.displayName = "Tabs");
-const on = {
-  motionAppear: !1,
-  motionEnter: !0,
-  motionLeave: !0
-};
-function ln(e, t = {
-  inkBar: !0,
-  tabPane: !1
-}) {
-  let n;
-  return t === !1 ? n = {
-    inkBar: !1,
-    tabPane: !1
-  } : t === !0 ? n = {
-    inkBar: !0,
-    tabPane: !0
-  } : n = Object.assign({
-    inkBar: !0
-  }, typeof t == "object" ? t : {}), n.tabPane && (n.tabPaneMotion = Object.assign(Object.assign({}, on), {
-    motionName: Ta(e, "switch")
-  })), n;
-}
-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 sn(e) {
-  return e.filter((t) => t);
-}
-function dn(e, t) {
-  if (process.env.NODE_ENV !== "production" && rt("Tabs").deprecated(!t, "Tabs.TabPane", "items"), e)
-    return e.map((a) => {
-      var r;
-      const i = (r = a.destroyOnHidden) !== null && r !== void 0 ? r : a.destroyInactiveTabPane;
-      return Object.assign(Object.assign({}, a), {
-        // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
-        destroyInactiveTabPane: i
-      });
-    });
-  const n = Na(t).map((a) => {
-    if (/* @__PURE__ */ c.isValidElement(a)) {
-      const {
-        key: r,
-        props: i
-      } = a, l = i || {}, {
-        tab: o
-      } = l, d = cn(l, ["tab"]);
-      return Object.assign(Object.assign({
-        key: String(r)
-      }, d), {
-        label: o
-      });
-    }
-    return null;
-  });
-  return sn(n);
-}
-const un = (e) => {
-  const {
-    componentCls: t,
-    motionDurationSlow: n
-  } = e;
-  return [
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { LoadingAnimation as c } from "../LoadingAnimation/LoadingAnimation.js";
+import { cn as w } from "../../portal-utils/cn.js";
+import { Card as d } from "antd";
+import '../../assets/KpiCard.css';const a = "_kpiCard_w4qw3_1", r = "_width430_w4qw3_7", _ = "_width384_w4qw3_16", m = "_flexCol_w4qw3_20", f = "_flexRow_w4qw3_25", h = "_title_w4qw3_30", p = "_content_w4qw3_56", t = {
+  kpiCard: a,
+  width430: r,
+  width384: _,
+  flexCol: m,
+  flexRow: f,
+  title: h,
+  content: p
+};
+function k({ title: o, content: e, icon: n, menuCollapsed: s }) {
+  return /* @__PURE__ */ i(
+    d,
     {
-      [t]: {
-        [`${t}-switch`]: {
-          "&-appear, &-enter": {
-            transition: "none",
-            "&-start": {
-              opacity: 0
-            },
-            "&-active": {
-              opacity: 1,
-              transition: `opacity ${n}`
-            }
-          },
-          "&-leave": {
-            position: "absolute",
-            transition: "none",
-            inset: 0,
-            "&-start": {
-              opacity: 1
-            },
-            "&-active": {
-              opacity: 0,
-              transition: `opacity ${n}`
-            }
-          }
-        }
-      }
-    },
-    // Follow code may reuse in other components
-    [Ot(e, "slide-up"), Ot(e, "slide-down")]
-  ];
-}, vn = (e) => {
-  const {
-    componentCls: t,
-    tabsCardPadding: n,
-    cardBg: a,
-    cardGutter: r,
-    colorBorderSecondary: i,
-    itemSelectedColor: l
-  } = e;
-  return {
-    [`${t}-card`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        [`${t}-tab`]: {
-          margin: 0,
-          padding: n,
-          background: a,
-          border: `${u(e.lineWidth)} ${e.lineType} ${i}`,
-          transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`
-        },
-        [`${t}-tab-active`]: {
-          color: l,
-          background: e.colorBgContainer
-        },
-        [`${t}-tab-focus:has(${t}-tab-btn:focus-visible)`]: Vt(e, -3),
-        [`& ${t}-tab${t}-tab-focus ${t}-tab-btn:focus-visible`]: {
-          outline: "none"
-        },
-        [`${t}-ink-bar`]: {
-          visibility: "hidden"
-        }
-      },
-      // ========================== Top & Bottom ==========================
-      [`&${t}-top, &${t}-bottom`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab + ${t}-tab`]: {
-            marginLeft: {
-              _skip_check_: !0,
-              value: u(r)
-            }
-          }
-        }
-      },
-      [`&${t}-top`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
-          },
-          [`${t}-tab-active`]: {
-            borderBottomColor: e.colorBgContainer
-          }
-        }
-      },
-      [`&${t}-bottom`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
-          },
-          [`${t}-tab-active`]: {
-            borderTopColor: e.colorBgContainer
-          }
-        }
-      },
-      // ========================== Left & Right ==========================
-      [`&${t}-left, &${t}-right`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab + ${t}-tab`]: {
-            marginTop: u(r)
-          }
-        }
-      },
-      [`&${t}-left`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `${u(e.borderRadiusLG)} 0 0 ${u(e.borderRadiusLG)}`
-            }
-          },
-          [`${t}-tab-active`]: {
-            borderRightColor: {
-              _skip_check_: !0,
-              value: e.colorBgContainer
-            }
-          }
-        }
-      },
-      [`&${t}-right`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0`
-            }
-          },
-          [`${t}-tab-active`]: {
-            borderLeftColor: {
-              _skip_check_: !0,
-              value: e.colorBgContainer
-            }
-          }
-        }
-      }
-    }
-  };
-}, fn = (e) => {
-  const {
-    componentCls: t,
-    itemHoverColor: n,
-    dropdownEdgeChildVerticalPadding: a
-  } = e;
-  return {
-    [`${t}-dropdown`]: Object.assign(Object.assign({}, it(e)), {
-      position: "absolute",
-      top: -9999,
-      left: {
-        _skip_check_: !0,
-        value: -9999
-      },
-      zIndex: e.zIndexPopup,
-      display: "block",
-      "&-hidden": {
-        display: "none"
-      },
-      [`${t}-dropdown-menu`]: {
-        maxHeight: e.tabsDropdownHeight,
-        margin: 0,
-        padding: `${u(a)} 0`,
-        overflowX: "hidden",
-        overflowY: "auto",
-        textAlign: {
-          _skip_check_: !0,
-          value: "left"
-        },
-        listStyleType: "none",
-        backgroundColor: e.colorBgContainer,
-        backgroundClip: "padding-box",
-        borderRadius: e.borderRadiusLG,
-        outline: "none",
-        boxShadow: e.boxShadowSecondary,
-        "&-item": Object.assign(Object.assign({}, ot), {
-          display: "flex",
-          alignItems: "center",
-          minWidth: e.tabsDropdownWidth,
-          margin: 0,
-          padding: `${u(e.paddingXXS)} ${u(e.paddingSM)}`,
-          color: e.colorText,
-          fontWeight: "normal",
-          fontSize: e.fontSize,
-          lineHeight: e.lineHeight,
-          cursor: "pointer",
-          transition: `all ${e.motionDurationSlow}`,
-          "> span": {
-            flex: 1,
-            whiteSpace: "nowrap"
-          },
-          "&-remove": {
-            flex: "none",
-            marginLeft: {
-              _skip_check_: !0,
-              value: e.marginSM
-            },
-            color: e.colorIcon,
-            fontSize: e.fontSizeSM,
-            background: "transparent",
-            border: 0,
-            cursor: "pointer",
-            "&:hover": {
-              color: n
-            }
-          },
-          "&:hover": {
-            background: e.controlItemBgHover
-          },
-          "&-disabled": {
-            "&, &:hover": {
-              color: e.colorTextDisabled,
-              background: "transparent",
-              cursor: "not-allowed"
-            }
-          }
-        })
-      }
-    })
-  };
-}, bn = (e) => {
-  const {
-    componentCls: t,
-    margin: n,
-    colorBorderSecondary: a,
-    horizontalMargin: r,
-    verticalItemPadding: i,
-    verticalItemMargin: l,
-    calc: o
-  } = e;
-  return {
-    // ========================== Top & Bottom ==========================
-    [`${t}-top, ${t}-bottom`]: {
-      flexDirection: "column",
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        margin: r,
-        "&::before": {
-          position: "absolute",
-          right: {
-            _skip_check_: !0,
-            value: 0
-          },
-          left: {
-            _skip_check_: !0,
-            value: 0
-          },
-          borderBottom: `${u(e.lineWidth)} ${e.lineType} ${a}`,
-          content: "''"
-        },
-        [`${t}-ink-bar`]: {
-          height: e.lineWidthBold,
-          "&-animated": {
-            transition: `width ${e.motionDurationSlow}, left ${e.motionDurationSlow},
-            right ${e.motionDurationSlow}`
-          }
-        },
-        [`${t}-nav-wrap`]: {
-          "&::before, &::after": {
-            top: 0,
-            bottom: 0,
-            width: e.controlHeight
-          },
-          "&::before": {
-            left: {
-              _skip_check_: !0,
-              value: 0
-            },
-            boxShadow: e.boxShadowTabsOverflowLeft
-          },
-          "&::after": {
-            right: {
-              _skip_check_: !0,
-              value: 0
-            },
-            boxShadow: e.boxShadowTabsOverflowRight
-          },
-          [`&${t}-nav-wrap-ping-left::before`]: {
-            opacity: 1
-          },
-          [`&${t}-nav-wrap-ping-right::after`]: {
-            opacity: 1
-          }
-        }
-      }
-    },
-    [`${t}-top`]: {
-      [`> ${t}-nav,
-        > div > ${t}-nav`]: {
-        "&::before": {
-          bottom: 0
-        },
-        [`${t}-ink-bar`]: {
-          bottom: 0
-        }
-      }
-    },
-    [`${t}-bottom`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        order: 1,
-        marginTop: n,
-        marginBottom: 0,
-        "&::before": {
-          top: 0
-        },
-        [`${t}-ink-bar`]: {
-          top: 0
-        }
-      },
-      [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
-        order: 0
-      }
-    },
-    // ========================== Left & Right ==========================
-    [`${t}-left, ${t}-right`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        flexDirection: "column",
-        minWidth: o(e.controlHeight).mul(1.25).equal(),
-        // >>>>>>>>>>> Tab
-        [`${t}-tab`]: {
-          padding: i,
-          textAlign: "center"
-        },
-        [`${t}-tab + ${t}-tab`]: {
-          margin: l
-        },
-        // >>>>>>>>>>> Nav
-        [`${t}-nav-wrap`]: {
-          flexDirection: "column",
-          "&::before, &::after": {
-            right: {
-              _skip_check_: !0,
-              value: 0
-            },
-            left: {
-              _skip_check_: !0,
-              value: 0
-            },
-            height: e.controlHeight
-          },
-          "&::before": {
-            top: 0,
-            boxShadow: e.boxShadowTabsOverflowTop
-          },
-          "&::after": {
-            bottom: 0,
-            boxShadow: e.boxShadowTabsOverflowBottom
-          },
-          [`&${t}-nav-wrap-ping-top::before`]: {
-            opacity: 1
-          },
-          [`&${t}-nav-wrap-ping-bottom::after`]: {
-            opacity: 1
-          }
-        },
-        // >>>>>>>>>>> Ink Bar
-        [`${t}-ink-bar`]: {
-          width: e.lineWidthBold,
-          "&-animated": {
-            transition: `height ${e.motionDurationSlow}, top ${e.motionDurationSlow}`
-          }
-        },
-        [`${t}-nav-list, ${t}-nav-operations`]: {
-          flex: "1 0 auto",
-          // fix safari scroll problem
-          flexDirection: "column"
-        }
-      }
-    },
-    [`${t}-left`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        [`${t}-ink-bar`]: {
-          right: {
-            _skip_check_: !0,
-            value: 0
-          }
-        }
-      },
-      [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
-        marginLeft: {
-          _skip_check_: !0,
-          value: u(o(e.lineWidth).mul(-1).equal())
-        },
-        borderLeft: {
-          _skip_check_: !0,
-          value: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
-        },
-        [`> ${t}-content > ${t}-tabpane`]: {
-          paddingLeft: {
-            _skip_check_: !0,
-            value: e.paddingLG
-          }
-        }
-      }
-    },
-    [`${t}-right`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        order: 1,
-        [`${t}-ink-bar`]: {
-          left: {
-            _skip_check_: !0,
-            value: 0
-          }
-        }
-      },
-      [`> ${t}-content-holder, > div > ${t}-content-holder`]: {
-        order: 0,
-        marginRight: {
-          _skip_check_: !0,
-          value: o(e.lineWidth).mul(-1).equal()
-        },
-        borderRight: {
-          _skip_check_: !0,
-          value: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
-        },
-        [`> ${t}-content > ${t}-tabpane`]: {
-          paddingRight: {
-            _skip_check_: !0,
-            value: e.paddingLG
-          }
-        }
-      }
-    }
-  };
-}, mn = (e) => {
-  const {
-    componentCls: t,
-    cardPaddingSM: n,
-    cardPaddingLG: a,
-    cardHeightSM: r,
-    cardHeightLG: i,
-    horizontalItemPaddingSM: l,
-    horizontalItemPaddingLG: o
-  } = e;
-  return {
-    // >>>>> shared
-    [t]: {
-      "&-small": {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: l,
-            fontSize: e.titleFontSizeSM
-          }
-        }
-      },
-      "&-large": {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: o,
-            fontSize: e.titleFontSizeLG,
-            lineHeight: e.lineHeightLG
-          }
-        }
-      }
-    },
-    // >>>>> card
-    [`${t}-card`]: {
-      // Small
-      [`&${t}-small`]: {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: n
-          },
-          [`${t}-nav-add`]: {
-            minWidth: r,
-            minHeight: r
-          }
-        },
-        [`&${t}-bottom`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: `0 0 ${u(e.borderRadius)} ${u(e.borderRadius)}`
-          }
-        },
-        [`&${t}-top`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: `${u(e.borderRadius)} ${u(e.borderRadius)} 0 0`
-          }
-        },
-        [`&${t}-right`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `0 ${u(e.borderRadius)} ${u(e.borderRadius)} 0`
-            }
-          }
-        },
-        [`&${t}-left`]: {
-          [`> ${t}-nav ${t}-tab`]: {
-            borderRadius: {
-              _skip_check_: !0,
-              value: `${u(e.borderRadius)} 0 0 ${u(e.borderRadius)}`
-            }
-          }
-        }
-      },
-      // Large
-      [`&${t}-large`]: {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: a
-          },
-          [`${t}-nav-add`]: {
-            minWidth: i,
-            minHeight: i
-          }
-        }
-      }
-    }
-  };
-}, gn = (e) => {
-  const {
-    componentCls: t,
-    itemActiveColor: n,
-    itemHoverColor: a,
-    iconCls: r,
-    tabsHorizontalItemMargin: i,
-    horizontalItemPadding: l,
-    itemSelectedColor: o,
-    itemColor: d
-  } = e, s = `${t}-tab`;
-  return {
-    [s]: {
-      position: "relative",
-      WebkitTouchCallout: "none",
-      WebkitTapHighlightColor: "transparent",
-      display: "inline-flex",
-      alignItems: "center",
-      padding: l,
-      fontSize: e.titleFontSize,
-      background: "transparent",
-      border: 0,
-      outline: "none",
-      cursor: "pointer",
-      color: d,
-      "&-btn, &-remove": {
-        "&:focus:not(:focus-visible), &:active": {
-          color: n
-        }
-      },
-      "&-btn": {
-        outline: "none",
-        transition: `all ${e.motionDurationSlow}`,
-        [`${s}-icon:not(:last-child)`]: {
-          marginInlineEnd: e.marginSM
-        }
-      },
-      "&-remove": Object.assign({
-        flex: "none",
-        marginRight: {
-          _skip_check_: !0,
-          value: e.calc(e.marginXXS).mul(-1).equal()
-        },
-        marginLeft: {
-          _skip_check_: !0,
-          value: e.marginXS
-        },
-        color: e.colorIcon,
-        fontSize: e.fontSizeSM,
-        background: "transparent",
-        border: "none",
-        outline: "none",
-        cursor: "pointer",
-        transition: `all ${e.motionDurationSlow}`,
-        "&:hover": {
-          color: e.colorTextHeading
-        }
-      }, tt(e)),
-      "&:hover": {
-        color: a
-      },
-      [`&${s}-active ${s}-btn`]: {
-        color: o,
-        textShadow: e.tabsActiveTextShadow
-      },
-      [`&${s}-focus ${s}-btn:focus-visible`]: Vt(e),
-      [`&${s}-disabled`]: {
-        color: e.colorTextDisabled,
-        cursor: "not-allowed"
-      },
-      [`&${s}-disabled ${s}-btn, &${s}-disabled ${t}-remove`]: {
-        "&:focus, &:active": {
-          color: e.colorTextDisabled
-        }
-      },
-      [`& ${s}-remove ${r}`]: {
-        margin: 0
-      },
-      [`${r}:not(:last-child)`]: {
-        marginRight: {
-          _skip_check_: !0,
-          value: e.marginSM
-        }
-      }
-    },
-    [`${s} + ${s}`]: {
-      margin: {
-        _skip_check_: !0,
-        value: i
-      }
-    }
-  };
-}, hn = (e) => {
-  const {
-    componentCls: t,
-    tabsHorizontalItemMarginRTL: n,
-    iconCls: a,
-    cardGutter: r,
-    calc: i
-  } = e;
-  return {
-    [`${t}-rtl`]: {
-      direction: "rtl",
-      [`${t}-nav`]: {
-        [`${t}-tab`]: {
-          margin: {
-            _skip_check_: !0,
-            value: n
-          },
-          [`${t}-tab:last-of-type`]: {
-            marginLeft: {
-              _skip_check_: !0,
-              value: 0
-            }
-          },
-          [a]: {
-            marginRight: {
-              _skip_check_: !0,
-              value: 0
-            },
-            marginLeft: {
-              _skip_check_: !0,
-              value: u(e.marginSM)
-            }
-          },
-          [`${t}-tab-remove`]: {
-            marginRight: {
-              _skip_check_: !0,
-              value: u(e.marginXS)
-            },
-            marginLeft: {
-              _skip_check_: !0,
-              value: u(i(e.marginXXS).mul(-1).equal())
-            },
-            [a]: {
-              margin: 0
-            }
-          }
-        }
-      },
-      [`&${t}-left`]: {
-        [`> ${t}-nav`]: {
-          order: 1
-        },
-        [`> ${t}-content-holder`]: {
-          order: 0
-        }
-      },
-      [`&${t}-right`]: {
-        [`> ${t}-nav`]: {
-          order: 0
-        },
-        [`> ${t}-content-holder`]: {
-          order: 1
-        }
-      },
-      // ====================== Card ======================
-      [`&${t}-card${t}-top, &${t}-card${t}-bottom`]: {
-        [`> ${t}-nav, > div > ${t}-nav`]: {
-          [`${t}-tab + ${t}-tab`]: {
-            marginRight: {
-              _skip_check_: !0,
-              value: r
-            },
-            marginLeft: {
-              _skip_check_: !0,
-              value: 0
-            }
-          }
-        }
-      }
-    },
-    [`${t}-dropdown-rtl`]: {
-      direction: "rtl"
-    },
-    [`${t}-menu-item`]: {
-      [`${t}-dropdown-rtl`]: {
-        textAlign: {
-          _skip_check_: !0,
-          value: "right"
-        }
-      }
+      className: w(
+        t.kpiCard,
+        s ? t.width430 : t.width384
+      ),
+      children: o && e ? /* @__PURE__ */ i("div", { className: t.flexCol, children: /* @__PURE__ */ l("div", { className: t.flexRow, children: [
+        n,
+        /* @__PURE__ */ l("div", { className: t.flexCol, children: [
+          /* @__PURE__ */ i("span", { className: t.title, children: o }),
+          /* @__PURE__ */ i("span", { className: t.content, children: e })
+        ] })
+      ] }) }) : /* @__PURE__ */ i(c, {})
     }
-  };
-}, pn = (e) => {
-  const {
-    componentCls: t,
-    tabsCardPadding: n,
-    cardHeight: a,
-    cardGutter: r,
-    itemHoverColor: i,
-    itemActiveColor: l,
-    colorBorderSecondary: o
-  } = e;
-  return {
-    [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, it(e)), {
-      display: "flex",
-      // ========================== Navigation ==========================
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        position: "relative",
-        display: "flex",
-        flex: "none",
-        alignItems: "center",
-        [`${t}-nav-wrap`]: {
-          position: "relative",
-          display: "flex",
-          flex: "auto",
-          alignSelf: "stretch",
-          overflow: "hidden",
-          whiteSpace: "nowrap",
-          transform: "translate(0)",
-          // Fix chrome render bug
-          // >>>>> Ping shadow
-          "&::before, &::after": {
-            position: "absolute",
-            zIndex: 1,
-            opacity: 0,
-            transition: `opacity ${e.motionDurationSlow}`,
-            content: "''",
-            pointerEvents: "none"
-          }
-        },
-        [`${t}-nav-list`]: {
-          position: "relative",
-          display: "flex",
-          transition: `opacity ${e.motionDurationSlow}`
-        },
-        // >>>>>>>> Operations
-        [`${t}-nav-operations`]: {
-          display: "flex",
-          alignSelf: "stretch"
-        },
-        [`${t}-nav-operations-hidden`]: {
-          position: "absolute",
-          visibility: "hidden",
-          pointerEvents: "none"
-        },
-        [`${t}-nav-more`]: {
-          position: "relative",
-          padding: n,
-          background: "transparent",
-          border: 0,
-          color: e.colorText,
-          "&::after": {
-            position: "absolute",
-            right: {
-              _skip_check_: !0,
-              value: 0
-            },
-            bottom: 0,
-            left: {
-              _skip_check_: !0,
-              value: 0
-            },
-            height: e.calc(e.controlHeightLG).div(8).equal(),
-            transform: "translateY(100%)",
-            content: "''"
-          }
-        },
-        [`${t}-nav-add`]: Object.assign({
-          minWidth: a,
-          minHeight: a,
-          marginLeft: {
-            _skip_check_: !0,
-            value: r
-          },
-          background: "transparent",
-          border: `${u(e.lineWidth)} ${e.lineType} ${o}`,
-          borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`,
-          outline: "none",
-          cursor: "pointer",
-          color: e.colorText,
-          transition: `all ${e.motionDurationSlow} ${e.motionEaseInOut}`,
-          "&:hover": {
-            color: i
-          },
-          "&:active, &:focus:not(:focus-visible)": {
-            color: l
-          }
-        }, tt(e, -3))
-      },
-      [`${t}-extra-content`]: {
-        flex: "none"
-      },
-      // ============================ InkBar ============================
-      [`${t}-ink-bar`]: {
-        position: "absolute",
-        background: e.inkBarColor,
-        pointerEvents: "none"
-      }
-    }), gn(e)), {
-      // =========================== TabPanes ===========================
-      [`${t}-content`]: {
-        position: "relative",
-        width: "100%"
-      },
-      [`${t}-content-holder`]: {
-        flex: "auto",
-        minWidth: 0,
-        minHeight: 0
-      },
-      [`${t}-tabpane`]: Object.assign(Object.assign({}, tt(e)), {
-        "&-hidden": {
-          display: "none"
-        }
-      })
-    }),
-    [`${t}-centered`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        [`${t}-nav-wrap`]: {
-          [`&:not([class*='${t}-nav-wrap-ping']) > ${t}-nav-list`]: {
-            margin: "auto"
-          }
-        }
-      }
-    }
-  };
-}, $n = (e) => {
-  const {
-    cardHeight: t,
-    cardHeightSM: n,
-    cardHeightLG: a,
-    controlHeight: r,
-    controlHeightLG: i
-  } = e, l = t || i, o = n || r, d = a || i + 8;
-  return {
-    zIndexPopup: e.zIndexPopupBase + 50,
-    cardBg: e.colorFillAlter,
-    // We can not pass this as valid value,
-    // Since `cardHeight` will lock nav add button height.
-    cardHeight: l,
-    cardHeightSM: o,
-    cardHeightLG: d,
-    // Initialize with empty string, because cardPadding will be calculated with cardHeight by default.
-    cardPadding: `${(l - e.fontHeight) / 2 - e.lineWidth}px ${e.padding}px`,
-    cardPaddingSM: `${(o - e.fontHeight) / 2 - e.lineWidth}px ${e.paddingXS}px`,
-    cardPaddingLG: `${(d - e.fontHeightLG) / 2 - e.lineWidth}px ${e.padding}px`,
-    titleFontSize: e.fontSize,
-    titleFontSizeLG: e.fontSizeLG,
-    titleFontSizeSM: e.fontSize,
-    inkBarColor: e.colorPrimary,
-    horizontalMargin: `0 0 ${e.margin}px 0`,
-    horizontalItemGutter: 32,
-    // Fixed Value
-    // Initialize with empty string, because horizontalItemMargin will be calculated with horizontalItemGutter by default.
-    horizontalItemMargin: "",
-    horizontalItemMarginRTL: "",
-    horizontalItemPadding: `${e.paddingSM}px 0`,
-    horizontalItemPaddingSM: `${e.paddingXS}px 0`,
-    horizontalItemPaddingLG: `${e.padding}px 0`,
-    verticalItemPadding: `${e.paddingXS}px ${e.paddingLG}px`,
-    verticalItemMargin: `${e.margin}px 0 0 0`,
-    itemColor: e.colorText,
-    itemSelectedColor: e.colorPrimary,
-    itemHoverColor: e.colorPrimaryHover,
-    itemActiveColor: e.colorPrimaryActive,
-    cardGutter: e.marginXXS / 2
-  };
-}, yn = Gt("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 ${u(e.horizontalItemGutter)}`,
-    tabsHorizontalItemMarginRTL: `0 0 0 ${u(e.horizontalItemGutter)}`
-  });
-  return [mn(t), hn(t), bn(t), fn(t), vn(t), pn(t), un(t)];
-}, $n), Jt = () => null;
-process.env.NODE_ENV !== "production" && (Jt.displayName = "DeprecatedTabPane");
-var Sn = function(e, t) {
-  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 st = (e) => {
-  var t, n, a, r, i, l, o, d, s, m, p;
-  const {
-    type: y,
-    className: T,
-    rootClassName: H,
-    size: x,
-    onEdit: O,
-    hideAdd: g,
-    centered: $,
-    addIcon: w,
-    removeIcon: z,
-    moreIcon: D,
-    more: j,
-    popupClassName: F,
-    children: I,
-    items: S,
-    animated: N,
-    style: h,
-    indicatorSize: _,
-    indicator: f,
-    destroyInactiveTabPane: C,
-    destroyOnHidden: X
-  } = e, A = Sn(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]), {
-    prefixCls: V
-  } = A, {
-    direction: Z,
-    tabs: v,
-    getPrefixCls: re,
-    getPopupContainer: ne
-  } = c.useContext(Me), Q = re("tabs", V), E = Oa(Q), [W, Y, k] = yn(Q, E);
-  let U;
-  y === "editable-card" && (U = {
-    onEdit: (P, {
-      key: oe,
-      event: me
-    }) => {
-      O == null || O(P === "add" ? me : oe, P);
-    },
-    removeIcon: (t = z ?? (v == null ? void 0 : v.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ c.createElement(Ra, null),
-    addIcon: (w ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ c.createElement(qt, null),
-    showAdd: g !== !0
-  });
-  const ie = re();
-  if (process.env.NODE_ENV !== "production") {
-    const P = rt("Tabs");
-    process.env.NODE_ENV !== "production" && P(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && P(!(_ || v != null && v.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead."), P.deprecated(!("destroyInactiveTabPane" in e || S != null && S.some((oe) => "destroyInactiveTabPane" in oe)), "destroyInactiveTabPane", "destroyOnHidden");
-  }
-  const ee = Kt(x), pe = dn(S, I), ve = ln(Q, N), $e = Object.assign(Object.assign({}, v == null ? void 0 : v.style), h), ye = {
-    align: (n = f == null ? void 0 : f.align) !== null && n !== void 0 ? n : (a = v == null ? void 0 : v.indicator) === null || a === void 0 ? void 0 : a.align,
-    size: (o = (i = (r = f == null ? void 0 : f.size) !== null && r !== void 0 ? r : _) !== null && i !== void 0 ? i : (l = v == null ? void 0 : v.indicator) === null || l === void 0 ? void 0 : l.size) !== null && o !== void 0 ? o : v == null ? void 0 : v.indicatorSize
-  };
-  return W(/* @__PURE__ */ c.createElement(kt, Object.assign({
-    direction: Z,
-    getPopupContainer: ne
-  }, A, {
-    items: pe,
-    className: G({
-      [`${Q}-${ee}`]: ee,
-      [`${Q}-card`]: ["card", "editable-card"].includes(y),
-      [`${Q}-editable-card`]: y === "editable-card",
-      [`${Q}-centered`]: $
-    }, v == null ? void 0 : v.className, T, H, Y, k, E),
-    popupClassName: G(F, Y, k, E),
-    style: $e,
-    editable: U,
-    more: Object.assign({
-      icon: (p = (m = (s = (d = v == null ? void 0 : v.more) === null || d === void 0 ? void 0 : d.icon) !== null && s !== void 0 ? s : v == null ? void 0 : v.moreIcon) !== null && m !== void 0 ? m : D) !== null && p !== void 0 ? p : /* @__PURE__ */ c.createElement(Ha, null),
-      transitionName: `${ie}-slide-up`
-    }, j),
-    prefixCls: Q,
-    animated: ve,
-    indicator: ye,
-    // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
-    destroyInactiveTabPane: X ?? C
-  })));
-};
-st.TabPane = Jt;
-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 Qt = (e) => {
-  var {
-    prefixCls: t,
-    className: n,
-    hoverable: a = !0
-  } = e, r = _n(e, ["prefixCls", "className", "hoverable"]);
-  const {
-    getPrefixCls: i
-  } = c.useContext(Me), l = i("card", t), o = G(`${l}-grid`, n, {
-    [`${l}-grid-hoverable`]: a
-  });
-  return /* @__PURE__ */ c.createElement("div", Object.assign({}, r, {
-    className: o
-  }));
-}, Cn = (e) => {
-  const {
-    antCls: t,
-    componentCls: n,
-    headerHeight: a,
-    headerPadding: r,
-    tabsMarginBottom: i
-  } = e;
-  return Object.assign(Object.assign({
-    display: "flex",
-    justifyContent: "center",
-    flexDirection: "column",
-    minHeight: a,
-    marginBottom: -1,
-    padding: `0 ${u(r)}`,
-    color: e.colorTextHeading,
-    fontWeight: e.fontWeightStrong,
-    fontSize: e.headerFontSize,
-    background: e.headerBg,
-    borderBottom: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,
-    borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
-  }, We()), {
-    "&-wrapper": {
-      width: "100%",
-      display: "flex",
-      alignItems: "center"
-    },
-    "&-title": Object.assign(Object.assign({
-      display: "inline-block",
-      flex: 1
-    }, ot), {
-      [`
-          > ${n}-typography,
-          > ${n}-typography-edit-content
-        `]: {
-        insetInlineStart: 0,
-        marginTop: 0,
-        marginBottom: 0
-      }
-    }),
-    [`${t}-tabs-top`]: {
-      clear: "both",
-      marginBottom: i,
-      color: e.colorText,
-      fontWeight: "normal",
-      fontSize: e.fontSize,
-      "&-bar": {
-        borderBottom: `${u(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
-      }
-    }
-  });
-}, xn = (e) => {
-  const {
-    cardPaddingBase: t,
-    colorBorderSecondary: n,
-    cardShadow: a,
-    lineWidth: r
-  } = e;
-  return {
-    width: "33.33%",
-    padding: t,
-    border: 0,
-    borderRadius: 0,
-    boxShadow: `
-      ${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": {
-      position: "relative",
-      zIndex: 1,
-      boxShadow: a
-    }
-  };
-}, wn = (e) => {
-  const {
-    componentCls: t,
-    iconCls: n,
-    actionsLiMargin: a,
-    cardActionsIconSize: r,
-    colorBorderSecondary: i,
-    actionsBg: l
-  } = e;
-  return Object.assign(Object.assign({
-    margin: 0,
-    padding: 0,
-    listStyle: "none",
-    background: l,
-    borderTop: `${u(e.lineWidth)} ${e.lineType} ${i}`,
-    display: "flex",
-    borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
-  }, We()), {
-    "& > li": {
-      margin: a,
-      color: e.colorTextDescription,
-      textAlign: "center",
-      "> span": {
-        position: "relative",
-        display: "block",
-        minWidth: e.calc(e.cardActionsIconSize).mul(2).equal(),
-        fontSize: e.fontSize,
-        lineHeight: e.lineHeight,
-        cursor: "pointer",
-        "&:hover": {
-          color: e.colorPrimary,
-          transition: `color ${e.motionDurationMid}`
-        },
-        [`a:not(${t}-btn), > ${n}`]: {
-          display: "inline-block",
-          width: "100%",
-          color: e.colorIcon,
-          lineHeight: u(e.fontHeight),
-          transition: `color ${e.motionDurationMid}`,
-          "&:hover": {
-            color: e.colorPrimary
-          }
-        },
-        [`> ${n}`]: {
-          fontSize: r,
-          lineHeight: u(e.calc(r).mul(e.lineHeight).equal())
-        }
-      },
-      "&:not(:last-child)": {
-        borderInlineEnd: `${u(e.lineWidth)} ${e.lineType} ${i}`
-      }
-    }
-  });
-}, En = (e) => Object.assign(Object.assign({
-  margin: `${u(e.calc(e.marginXXS).mul(-1).equal())} 0`,
-  display: "flex"
-}, We()), {
-  "&-avatar": {
-    paddingInlineEnd: e.padding
-  },
-  "&-detail": {
-    overflow: "hidden",
-    flex: 1,
-    "> div:not(:last-child)": {
-      marginBottom: e.marginXS
-    }
-  },
-  "&-title": Object.assign({
-    color: e.colorTextHeading,
-    fontWeight: e.fontWeightStrong,
-    fontSize: e.fontSizeLG
-  }, ot),
-  "&-description": {
-    color: e.colorTextDescription
-  }
-}), Pn = (e) => {
-  const {
-    componentCls: t,
-    colorFillAlter: n,
-    headerPadding: a,
-    bodyPadding: r
-  } = e;
-  return {
-    [`${t}-head`]: {
-      padding: `0 ${u(a)}`,
-      background: n,
-      "&-title": {
-        fontSize: e.fontSize
-      }
-    },
-    [`${t}-body`]: {
-      padding: `${u(e.padding)} ${u(r)}`
-    }
-  };
-}, Tn = (e) => {
-  const {
-    componentCls: t
-  } = e;
-  return {
-    overflow: "hidden",
-    [`${t}-body`]: {
-      userSelect: "none"
-    }
-  };
-}, Nn = (e) => {
-  const {
-    componentCls: t,
-    cardShadow: n,
-    cardHeadPadding: a,
-    colorBorderSecondary: r,
-    boxShadowTertiary: i,
-    bodyPadding: l,
-    extraColor: o
-  } = e;
-  return {
-    [t]: Object.assign(Object.assign({}, it(e)), {
-      position: "relative",
-      background: e.colorBgContainer,
-      borderRadius: e.borderRadiusLG,
-      [`&:not(${t}-bordered)`]: {
-        boxShadow: i
-      },
-      [`${t}-head`]: Cn(e),
-      [`${t}-extra`]: {
-        // https://stackoverflow.com/a/22429853/3040605
-        marginInlineStart: "auto",
-        color: o,
-        fontWeight: "normal",
-        fontSize: e.fontSize
-      },
-      [`${t}-body`]: Object.assign({
-        padding: l,
-        borderRadius: `0 0 ${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)}`
-      }, We()),
-      [`${t}-grid`]: xn(e),
-      [`${t}-cover`]: {
-        "> *": {
-          display: "block",
-          width: "100%",
-          borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0`
-        }
-      },
-      [`${t}-actions`]: wn(e),
-      [`${t}-meta`]: En(e)
-    }),
-    [`${t}-bordered`]: {
-      border: `${u(e.lineWidth)} ${e.lineType} ${r}`,
-      [`${t}-cover`]: {
-        marginTop: -1,
-        marginInlineStart: -1,
-        marginInlineEnd: -1
-      }
-    },
-    [`${t}-hoverable`]: {
-      cursor: "pointer",
-      transition: `box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,
-      "&:hover": {
-        borderColor: "transparent",
-        boxShadow: n
-      }
-    },
-    [`${t}-contain-grid`]: {
-      borderRadius: `${u(e.borderRadiusLG)} ${u(e.borderRadiusLG)} 0 0 `,
-      [`${t}-body`]: {
-        display: "flex",
-        flexWrap: "wrap"
-      },
-      [`&:not(${t}-loading) ${t}-body`]: {
-        marginBlockStart: e.calc(e.lineWidth).mul(-1).equal(),
-        marginInlineStart: e.calc(e.lineWidth).mul(-1).equal(),
-        padding: 0
-      }
-    },
-    [`${t}-contain-tabs`]: {
-      [`> div${t}-head`]: {
-        minHeight: 0,
-        [`${t}-head-title, ${t}-extra`]: {
-          paddingTop: a
-        }
-      }
-    },
-    [`${t}-type-inner`]: Pn(e),
-    [`${t}-loading`]: Tn(e),
-    [`${t}-rtl`]: {
-      direction: "rtl"
-    }
-  };
-}, On = (e) => {
-  const {
-    componentCls: t,
-    bodyPaddingSM: n,
-    headerPaddingSM: a,
-    headerHeightSM: r,
-    headerFontSizeSM: i
-  } = e;
-  return {
-    [`${t}-small`]: {
-      [`> ${t}-head`]: {
-        minHeight: r,
-        padding: `0 ${u(a)}`,
-        fontSize: i,
-        [`> ${t}-head-wrapper`]: {
-          [`> ${t}-extra`]: {
-            fontSize: e.fontSize
-          }
-        }
-      },
-      [`> ${t}-body`]: {
-        padding: n
-      }
-    },
-    [`${t}-small${t}-contain-tabs`]: {
-      [`> ${t}-head`]: {
-        [`${t}-head-title, ${t}-extra`]: {
-          paddingTop: 0,
-          display: "flex",
-          alignItems: "center"
-        }
-      }
-    }
-  };
-}, In = (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
-  };
-}, Rn = Gt("Card", (e) => {
-  const t = Wt(e, {
-    cardShadow: e.boxShadowCard,
-    cardHeadPadding: e.padding,
-    cardPaddingBase: e.paddingLG,
-    cardActionsIconSize: e.fontSize
-  });
-  return [
-    // Style
-    Nn(t),
-    // Size
-    On(t)
-  ];
-}, In);
-var jt = function(e, t) {
-  var n = {};
-  for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, a = Object.getOwnPropertySymbols(e); r < a.length; r++)
-    t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
-  return n;
-};
-const zn = (e) => {
-  const {
-    actionClasses: t,
-    actions: n = [],
-    actionStyle: a
-  } = e;
-  return /* @__PURE__ */ c.createElement("ul", {
-    className: t,
-    style: a
-  }, n.map((r, i) => {
-    const l = `action-${i}`;
-    return /* @__PURE__ */ c.createElement("li", {
-      style: {
-        width: `${100 / n.length}%`
-      },
-      key: l
-    }, /* @__PURE__ */ c.createElement("span", null, r));
-  }));
-}, Mn = /* @__PURE__ */ c.forwardRef((e, t) => {
-  const {
-    prefixCls: n,
-    className: a,
-    rootClassName: r,
-    style: i,
-    extra: l,
-    headStyle: o = {},
-    bodyStyle: d = {},
-    title: s,
-    loading: m,
-    bordered: p,
-    variant: y,
-    size: T,
-    type: H,
-    cover: x,
-    actions: O,
-    tabList: g,
-    children: $,
-    activeTabKey: w,
-    defaultActiveTabKey: z,
-    tabBarExtraContent: D,
-    hoverable: j,
-    tabProps: F = {},
-    classNames: I,
-    styles: S
-  } = e, N = jt(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
-    getPrefixCls: h,
-    direction: _,
-    card: f
-  } = c.useContext(Me), [C] = ja("card", y, p);
-  if (process.env.NODE_ENV !== "production") {
-    const K = rt("Card");
-    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"], ["bordered", "variant"]].forEach(([M, de]) => {
-      K.deprecated(!(M in e), M, de);
-    });
-  }
-  const X = (K) => {
-    var M;
-    (M = e.onTabChange) === null || M === void 0 || M.call(e, K);
-  }, A = (K) => {
-    var M;
-    return G((M = f == null ? void 0 : f.classNames) === null || M === void 0 ? void 0 : M[K], I == null ? void 0 : I[K]);
-  }, V = (K) => {
-    var M;
-    return Object.assign(Object.assign({}, (M = f == null ? void 0 : f.styles) === null || M === void 0 ? void 0 : M[K]), S == null ? void 0 : S[K]);
-  }, Z = c.useMemo(() => {
-    let K = !1;
-    return c.Children.forEach($, (M) => {
-      (M == null ? void 0 : M.type) === Qt && (K = !0);
-    }), K;
-  }, [$]), v = h("card", n), [re, ne, Q] = Rn(v), E = /* @__PURE__ */ c.createElement(za, {
-    loading: !0,
-    active: !0,
-    paragraph: {
-      rows: 4
-    },
-    title: !1
-  }, $), W = w !== void 0, Y = Object.assign(Object.assign({}, F), {
-    [W ? "activeKey" : "defaultActiveKey"]: W ? w : z,
-    tabBarExtraContent: D
-  });
-  let k;
-  const U = Kt(T), ie = !U || U === "default" ? "large" : U, ee = g ? /* @__PURE__ */ c.createElement(st, Object.assign({
-    size: ie
-  }, Y, {
-    className: `${v}-head-tabs`,
-    onChange: X,
-    items: g.map((K) => {
-      var {
-        tab: M
-      } = K, de = jt(K, ["tab"]);
-      return Object.assign({
-        label: M
-      }, de);
-    })
-  })) : null;
-  if (s || l || ee) {
-    const K = G(`${v}-head`, A("header")), M = G(`${v}-head-title`, A("title")), de = G(`${v}-extra`, A("extra")), Oe = Object.assign(Object.assign({}, o), V("header"));
-    k = /* @__PURE__ */ c.createElement("div", {
-      className: K,
-      style: Oe
-    }, /* @__PURE__ */ c.createElement("div", {
-      className: `${v}-head-wrapper`
-    }, s && /* @__PURE__ */ c.createElement("div", {
-      className: M,
-      style: V("title")
-    }, s), l && /* @__PURE__ */ c.createElement("div", {
-      className: de,
-      style: V("extra")
-    }, l)), ee);
-  }
-  const pe = G(`${v}-cover`, A("cover")), ve = x ? /* @__PURE__ */ c.createElement("div", {
-    className: pe,
-    style: V("cover")
-  }, x) : null, $e = G(`${v}-body`, A("body")), ye = Object.assign(Object.assign({}, d), V("body")), P = /* @__PURE__ */ c.createElement("div", {
-    className: $e,
-    style: ye
-  }, m ? E : $), oe = G(`${v}-actions`, A("actions")), me = O != null && O.length ? /* @__PURE__ */ c.createElement(zn, {
-    actionClasses: oe,
-    actionStyle: V("actions"),
-    actions: O
-  }) : null, Le = Ia(N, ["onTabChange"]), qe = G(v, f == null ? void 0 : f.className, {
-    [`${v}-loading`]: m,
-    [`${v}-bordered`]: C !== "borderless",
-    [`${v}-hoverable`]: j,
-    [`${v}-contain-grid`]: Z,
-    [`${v}-contain-tabs`]: g == null ? void 0 : g.length,
-    [`${v}-${U}`]: U,
-    [`${v}-type-${H}`]: !!H,
-    [`${v}-rtl`]: _ === "rtl"
-  }, a, r, ne, Q), Fe = Object.assign(Object.assign({}, f == null ? void 0 : f.style), i);
-  return re(/* @__PURE__ */ c.createElement("div", Object.assign({
-    ref: t
-  }, Le, {
-    className: qe,
-    style: Fe
-  }), k, ve, P, me));
-});
-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 Dn = (e) => {
-  const {
-    prefixCls: t,
-    className: n,
-    avatar: a,
-    title: r,
-    description: i
-  } = e, l = Ln(e, ["prefixCls", "className", "avatar", "title", "description"]), {
-    getPrefixCls: o
-  } = c.useContext(Me), d = o("card", t), s = G(`${d}-meta`, n), m = a ? /* @__PURE__ */ c.createElement("div", {
-    className: `${d}-meta-avatar`
-  }, a) : null, p = r ? /* @__PURE__ */ c.createElement("div", {
-    className: `${d}-meta-title`
-  }, r) : null, y = i ? /* @__PURE__ */ c.createElement("div", {
-    className: `${d}-meta-description`
-  }, i) : null, T = p || y ? /* @__PURE__ */ c.createElement("div", {
-    className: `${d}-meta-detail`
-  }, p, y) : null;
-  return /* @__PURE__ */ c.createElement("div", Object.assign({}, l, {
-    className: s
-  }), m, T);
-}, Ke = Mn;
-Ke.Grid = Qt;
-Ke.Meta = Dn;
-process.env.NODE_ENV !== "production" && (Ke.displayName = "Card");
-const Bn = "_kpiCard_w4qw3_1", Hn = "_width430_w4qw3_7", jn = "_width384_w4qw3_16", An = "_flexCol_w4qw3_20", Gn = "_flexRow_w4qw3_25", Wn = "_title_w4qw3_30", Vn = "_content_w4qw3_56", xe = {
-  kpiCard: Bn,
-  width430: Hn,
-  width384: jn,
-  flexCol: An,
-  flexRow: Gn,
-  title: Wn,
-  content: Vn
-};
-function Qn({ title: e, content: t, icon: n, menuCollapsed: a }) {
-  return /* @__PURE__ */ ze(Ke, { className: ha(xe.kpiCard, a ? xe.width430 : xe.width384), children: e && t ? /* @__PURE__ */ ze("div", { className: xe.flexCol, children: /* @__PURE__ */ Et("div", { className: xe.flexRow, children: [
-    n,
-    /* @__PURE__ */ Et("div", { className: xe.flexCol, children: [
-      /* @__PURE__ */ ze("span", { className: xe.title, children: e }),
-      /* @__PURE__ */ ze("span", { className: xe.content, children: t })
-    ] })
-  ] }) }) : /* @__PURE__ */ ze(ga, {}) });
+  );
 }
 export {
-  Qn as KpiCard
+  k as KpiCard
 };