@amateescu/portal-ui-components 0.0.34 → 0.0.37

package/dist/components/KpiCard/KpiCard.js

@@ -1,2406 +1,34 @@
-import { jsx as ze, jsxs as Et } from "react/jsx-runtime";
-import { LoadingAnimation as ga } from "../LoadingAnimation/LoadingAnimation.js";
-import { cn as pa } from "../../portal-utils/cn.js";
-import * as l from "react";
-import ha, { createContext as $a, useState as Q, useRef as te, useEffect as me, useMemo as Gt } from "react";
-import { a as Me, V as ya, d as Sa, I as _a, _ as L, w as Pt, e as se, f as Ca, h as nt, i as ne, c as W, j as _e, k as xa, l as Tt, n as wa, p as He, q as Ea, r as Pa, s as Nt, t as Ta, v as rt, x as Na, g as Ht, m as Wt, u, y as it, z as ot, A as Vt, B as tt, D as Oa, E as Kt, F as We, o as Ra } from "../../context-4ttylmIf.js";
-import { R as Ia, S as za } from "../../Skeleton-BBwDqRB3.js";
-import { E as Ma, M as La, D as Da, R as et, i as Ba, a as Ot, b as ja } from "../../EllipsisOutlined-CmR4hXJ_.js";
-import { _ as pe } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
-import '../../assets/KpiCard.css';const Aa = function(e, t) {
-  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : void 0;
-  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: Ga
-  }));
-}, 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 = Q(), h = L(m, 2), y = h[0], P = h[1], A = te(), x = ha.useCallback(function(g) {
-    return typeof i == "function" ? i(g) : typeof i == "number" ? i : g;
-  }, [i]);
-  function N() {
-    Pt.cancel(A.current);
-  }
-  return me(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 N(), A.current = Pt(function() {
-      var w = y && g && Object.keys(g).every(function(M) {
-        var D = g[M], G = y[M];
-        return typeof D == "number" && typeof G == "number" ? Math.round(D) === Math.round(G) : D === G;
-      });
-      w || P(g);
-    }), N;
-  }, [JSON.stringify(n), a, r, s, x]), {
-    style: y
-  };
-}, Rt = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0
-};
-function Va(e, t, n) {
-  return Gt(function() {
-    for (var a, r = /* @__PURE__ */ new Map(), o = t.get((a = e[0]) === null || a === void 0 ? void 0 : a.key) || Rt, c = o.left + o.width, i = 0; i < e.length; i += 1) {
-      var d = e[i].key, s = t.get(d);
-      if (!s) {
-        var m;
-        s = t.get((m = e[i - 1]) === null || m === void 0 ? void 0 : m.key) || Rt;
-      }
-      var h = r.get(d) || se({}, s);
-      h.right = c - h.left - h.width, r.set(d, h);
-    }
-    return r;
-  }, [e.map(function(a) {
-    return a.key;
-  }).join("_"), t, n]);
-}
-function It(e, t) {
-  var n = l.useRef(e), a = l.useState({}), r = L(a, 2), o = r[1];
-  function c(i) {
-    var d = typeof i == "function" ? i(n.current) : i;
-    d !== n.current && t(d, n.current), n.current = d, o({});
-  }
-  return [n.current, c];
-}
-var Ka = 0.1, zt = 0.01, Ge = 20, Mt = Math.pow(0.995, Ge);
-function Xa(e, t) {
-  var n = Q(), a = L(n, 2), r = a[0], o = a[1], c = Q(0), i = L(c, 2), d = i[0], s = i[1], m = Q(0), h = L(m, 2), y = h[0], P = h[1], A = Q(), x = L(A, 2), N = x[0], g = x[1], $ = te();
-  function w(C) {
-    var T = C.touches[0], p = T.screenX, S = T.screenY;
-    o({
-      x: p,
-      y: S
-    }), window.clearInterval($.current);
-  }
-  function M(C) {
-    if (r) {
-      var T = C.touches[0], p = T.screenX, S = T.screenY;
-      o({
-        x: p,
-        y: S
-      });
-      var f = p - r.x, _ = S - r.y;
-      t(f, _);
-      var k = Date.now();
-      s(k), P(k - d), g({
-        x: f,
-        y: _
-      });
-    }
-  }
-  function D() {
-    if (r && (o(null), g(null), N)) {
-      var C = N.x / y, T = N.y / y, p = Math.abs(C), S = Math.abs(T);
-      if (Math.max(p, S) < Ka) return;
-      var f = C, _ = T;
-      $.current = window.setInterval(function() {
-        if (Math.abs(f) < zt && Math.abs(_) < zt) {
-          window.clearInterval($.current);
-          return;
-        }
-        f *= Mt, _ *= Mt, t(f * Ge, _ * Ge);
-      }, Ge);
-    }
-  }
-  var G = te();
-  function q(C) {
-    var T = C.deltaX, p = C.deltaY, S = 0, f = Math.abs(T), _ = Math.abs(p);
-    f === _ ? S = G.current === "x" ? T : p : f > _ ? (S = T, G.current = "x") : (S = p, G.current = "y"), t(-S, -S) && C.preventDefault();
-  }
-  var O = te(null);
-  O.current = {
-    onTouchStart: w,
-    onTouchMove: M,
-    onTouchEnd: D,
-    onWheel: q
-  }, l.useEffect(function() {
-    function C(f) {
-      O.current.onTouchStart(f);
-    }
-    function T(f) {
-      O.current.onTouchMove(f);
-    }
-    function p(f) {
-      O.current.onTouchEnd(f);
-    }
-    function S(f) {
-      O.current.onWheel(f);
-    }
-    return document.addEventListener("touchmove", T, {
-      passive: !1
-    }), document.addEventListener("touchend", p, {
-      passive: !0
-    }), e.current.addEventListener("touchstart", C, {
-      passive: !0
-    }), e.current.addEventListener("wheel", S, {
-      passive: !1
-    }), function() {
-      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", p);
-    };
-  }, []);
-}
-function qt(e) {
-  var t = Q(0), n = L(t, 2), a = n[0], r = n[1], o = te(0), c = te();
-  return c.current = e, Ca(function() {
-    var i;
-    (i = c.current) === null || i === void 0 || i.call(c);
-  }, [a]), function() {
-    o.current === a && (o.current += 1, r(o.current));
-  };
-}
-function qa(e) {
-  var t = te([]), n = Q({}), a = L(n, 2), r = a[1], o = te(typeof e == "function" ? e() : e), c = qt(function() {
-    var d = o.current;
-    t.current.forEach(function(s) {
-      d = s(d);
-    }), t.current = [], o.current = d, r({});
-  });
-  function i(d) {
-    t.current.push(d), c();
-  }
-  return [o.current, i];
-}
-var Lt = {
-  width: 0,
-  height: 0,
-  left: 0,
-  top: 0,
-  right: 0
-};
-function Fa(e, t, n, a, r, o, c) {
-  var i = c.tabs, d = c.tabPosition, s = c.rtl, m, h, y;
-  return ["top", "bottom"].includes(d) ? (m = "width", h = s ? "right" : "left", y = Math.abs(n)) : (m = "height", h = "top", y = -n), Gt(function() {
-    if (!i.length)
-      return [0, 0];
-    for (var P = i.length, A = P, x = 0; x < P; x += 1) {
-      var N = e.get(i[x].key) || Lt;
-      if (Math.floor(N[h] + N[m]) > Math.floor(y + t)) {
-        A = x - 1;
-        break;
-      }
-    }
-    for (var g = 0, $ = P - 1; $ >= 0; $ -= 1) {
-      var w = e.get(i[$].key) || Lt;
-      if (w[h] < y) {
-        g = $ + 1;
-        break;
-      }
-    }
-    return g >= A ? [0, 0] : [g, A];
-  }, [e, t, a, r, o, y, d, i.map(function(P) {
-    return P.key;
-  }).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 Ft(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__ */ 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: o,
-    "aria-label": (r == null ? void 0 : r.addAriaLabel) || "Add tab",
-    onClick: function(i) {
-      a.onEdit("add", {
-        event: i
-      });
-    }
-  }, a.addIcon || "+");
-}), at = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.position, a = e.prefixCls, r = e.extra;
-  if (!r)
-    return null;
-  var o, c = {};
-  return nt(r) === "object" && !/* @__PURE__ */ l.isValidElement(r) ? c = r : c.right = r, n === "right" && (o = c.right), n === "left" && (o = c.left), o ? /* @__PURE__ */ l.createElement("div", {
-    className: "".concat(a, "-extra-content"),
-    ref: t
-  }, o) : null;
-});
-process.env.NODE_ENV !== "production" && (at.displayName = "ExtraContent");
-var Ya = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.id, r = e.tabs, o = e.locale, c = e.mobile, i = e.more, d = i === void 0 ? {} : i, s = e.style, m = e.className, h = e.editable, y = e.tabBarGutter, P = e.rtl, A = e.removeAriaLabel, x = e.onTabClick, N = e.getPopupContainer, g = e.popupClassName, $ = Q(!1), w = L($, 2), M = w[0], D = w[1], G = Q(null), q = L(G, 2), O = q[0], C = q[1], T = d.icon, p = T === void 0 ? "More" : T, S = "".concat(a, "-more-popup"), f = "".concat(n, "-dropdown"), _ = O !== null ? "".concat(S, "-").concat(O) : null, k = o == null ? void 0 : o.dropdownAriaLabel;
-  function V(E, H) {
-    E.preventDefault(), E.stopPropagation(), h.onEdit("remove", {
-      key: H,
-      event: E
-    });
-  }
-  var v = /* @__PURE__ */ l.createElement(Ma, {
-    onClick: function(H) {
-      var Y = H.key, J = H.domEvent;
-      x(Y, J), D(!1);
-    },
-    prefixCls: "".concat(f, "-menu"),
-    id: S,
-    tabIndex: -1,
-    role: "listbox",
-    "aria-activedescendant": _,
-    selectedKeys: [O],
-    "aria-label": k !== void 0 ? k : "expanded dropdown"
-  }, r.map(function(E) {
-    var H = E.closable, Y = E.disabled, J = E.closeIcon, F = E.key, re = E.label, ae = lt(H, J, h, Y);
-    return /* @__PURE__ */ l.createElement(La, {
-      key: F,
-      id: "".concat(S, "-").concat(F),
-      role: "option",
-      "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": A || "remove",
-      tabIndex: 0,
-      className: "".concat(f, "-menu-item-remove"),
-      onClick: function(fe) {
-        fe.stopPropagation(), V(fe, F);
-      }
-    }, J || h.removeIcon || "×"));
-  }));
-  function Z(E) {
-    for (var H = r.filter(function(ae) {
-      return !ae.disabled;
-    }), Y = H.findIndex(function(ae) {
-      return ae.key === O;
-    }) || 0, J = H.length, F = 0; F < J; F += 1) {
-      Y = (Y + E + J) % J;
-      var re = H[Y];
-      if (!re.disabled) {
-        C(re.key);
-        return;
-      }
-    }
-  }
-  function R(E) {
-    var H = E.which;
-    if (!M) {
-      [_e.DOWN, _e.SPACE, _e.ENTER].includes(H) && (D(!0), E.preventDefault());
-      return;
-    }
-    switch (H) {
-      case _e.UP:
-        Z(-1), E.preventDefault();
-        break;
-      case _e.DOWN:
-        Z(1), E.preventDefault();
-        break;
-      case _e.ESC:
-        D(!1);
-        break;
-      case _e.SPACE:
-      case _e.ENTER:
-        O !== null && x(O, E);
-        break;
-    }
-  }
-  me(function() {
-    var E = document.getElementById(_);
-    E && E.scrollIntoView && E.scrollIntoView(!1);
-  }, [O]), me(function() {
-    M || C(null);
-  }, [M]);
-  var U = ne({}, P ? "marginRight" : "marginLeft", y);
-  r.length || (U.visibility = "hidden", U.order = 1);
-  var ee = W(ne({}, "".concat(f, "-rtl"), P)), ve = c ? null : /* @__PURE__ */ l.createElement(Da, pe({
-    prefixCls: f,
-    overlay: v,
-    visible: r.length ? M : !1,
-    onVisibleChange: D,
-    overlayClassName: W(ee, g),
-    mouseEnterDelay: 0.1,
-    mouseLeaveDelay: 0.1,
-    getPopupContainer: N
-  }, d), /* @__PURE__ */ l.createElement("button", {
-    type: "button",
-    className: "".concat(n, "-nav-more"),
-    style: U,
-    "aria-haspopup": "listbox",
-    "aria-controls": S,
-    id: "".concat(a, "-more"),
-    "aria-expanded": M,
-    onKeyDown: R
-  }, p));
-  return /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat(n, "-nav-operations"), m),
-    style: s,
-    ref: t
-  }, ve, /* @__PURE__ */ l.createElement(Ut, {
-    prefixCls: n,
-    locale: o,
-    editable: h
-  }));
-});
-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 Ja = function(t) {
-  var n = t.prefixCls, a = t.id, r = t.active, o = t.focus, c = t.tab, i = c.key, d = c.label, s = c.disabled, m = c.closeIcon, h = c.icon, y = t.closable, P = t.renderWrapper, A = t.removeAriaLabel, x = t.editable, N = t.onClick, g = t.onFocus, $ = t.onBlur, w = t.onKeyDown, M = t.onMouseDown, D = t.onMouseUp, G = t.style, q = t.tabCount, O = t.currentPosition, C = "".concat(n, "-tab"), T = lt(y, m, x, s);
-  function p(V) {
-    s || N(V);
-  }
-  function S(V) {
-    V.preventDefault(), V.stopPropagation(), x.onEdit("remove", {
-      key: i,
-      event: V
-    });
-  }
-  var f = l.useMemo(function() {
-    return h && typeof d == "string" ? /* @__PURE__ */ l.createElement("span", null, d) : d;
-  }, [d, h]), _ = l.useRef(null);
-  l.useEffect(function() {
-    o && _.current && _.current.focus();
-  }, [o]);
-  var k = /* @__PURE__ */ l.createElement("div", {
-    key: i,
-    "data-node-key": Ft(i),
-    className: W(C, ne(ne(ne(ne({}, "".concat(C, "-with-remove"), T), "".concat(C, "-active"), r), "".concat(C, "-disabled"), s), "".concat(C, "-focus"), o)),
-    style: G,
-    onClick: p
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: _,
-    role: "tab",
-    "aria-selected": r,
-    id: a && "".concat(a, "-tab-").concat(i),
-    className: "".concat(C, "-btn"),
-    "aria-controls": a && "".concat(a, "-panel-").concat(i),
-    "aria-disabled": s,
-    tabIndex: s ? null : r ? 0 : -1,
-    onClick: function(v) {
-      v.stopPropagation(), p(v);
-    },
-    onKeyDown: w,
-    onMouseDown: M,
-    onMouseUp: D,
-    onFocus: g,
-    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)), h && /* @__PURE__ */ l.createElement("span", {
-    className: "".concat(C, "-icon")
-  }, h), d && f), T && /* @__PURE__ */ l.createElement("button", {
-    type: "button",
-    role: "tab",
-    "aria-label": A || "remove",
-    tabIndex: r ? 0 : -1,
-    className: "".concat(C, "-remove"),
-    onClick: function(v) {
-      v.stopPropagation(), S(v);
-    }
-  }, m || x.removeIcon || "×"));
-  return P ? P(k) : k;
-}, Qa = function(t, n) {
-  var a = t.offsetWidth, r = t.offsetHeight, o = t.offsetTop, c = t.offsetLeft, i = t.getBoundingClientRect(), d = i.width, s = i.height, m = i.left, h = i.top;
-  return Math.abs(d - a) < 1 ? [d, s, m - n.left, h - n.top] : [a, r, c, o];
-}, 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 i = t.current.getBoundingClientRect(), d = i.width, s = i.height;
-    if (Math.abs(d - r) < 1)
-      return [d, s];
-  }
-  return [r, c];
-}, Ae = function(t, n) {
-  return t[n ? 0 : 1];
-}, Bt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.className, a = e.style, r = e.id, o = e.animated, c = e.activeKey, i = e.rtl, d = e.extra, s = e.editable, m = e.locale, h = e.tabPosition, y = e.tabBarGutter, P = e.children, A = e.onTabClick, x = e.onTabScroll, N = e.indicator, g = l.useContext(Ve), $ = g.prefixCls, w = g.tabs, M = te(null), D = te(null), G = te(null), q = te(null), O = te(null), C = te(null), T = te(null), p = h === "top" || h === "bottom", S = It(0, function(I, b) {
-    p && x && x({
-      direction: I > b ? "left" : "right"
-    });
-  }), f = L(S, 2), _ = f[0], k = f[1], V = It(0, function(I, b) {
-    !p && x && x({
-      direction: I > b ? "top" : "bottom"
-    });
-  }), v = L(V, 2), Z = v[0], R = v[1], U = Q([0, 0]), ee = L(U, 2), ve = ee[0], E = ee[1], H = Q([0, 0]), Y = L(H, 2), J = Y[0], F = Y[1], re = Q([0, 0]), ae = L(re, 2), he = ae[0], fe = ae[1], ie = Q([0, 0]), $e = L(ie, 2), z = $e[0], de = $e[1], xe = qa(/* @__PURE__ */ new Map()), Le = L(xe, 2), Xe = Le[0], qe = Le[1], K = Va(w, Xe, J[0]), B = Ae(ve, p), oe = Ae(J, p), we = Ae(he, p), dt = Ae(z, p), ut = Math.floor(B) < Math.floor(oe + we), be = ut ? B - dt : B - we, Zt = "".concat($, "-nav-operations-hidden"), ye = 0, Ee = 0;
-  p && i ? (ye = 0, Ee = Math.max(0, oe - be)) : (ye = Math.min(0, be - oe), Ee = 0);
-  function Fe(I) {
-    return I < ye ? ye : I > Ee ? Ee : I;
-  }
-  var Ue = te(null), ea = Q(), vt = L(ea, 2), De = vt[0], ft = vt[1];
-  function Ye() {
-    ft(Date.now());
-  }
-  function ke() {
-    Ue.current && clearTimeout(Ue.current);
-  }
-  Xa(q, function(I, b) {
-    function j(X, ue) {
-      X(function(le) {
-        var Te = Fe(le + ue);
-        return Te;
-      });
-    }
-    return ut ? (p ? j(k, I) : j(R, b), ke(), Ye(), !0) : !1;
-  }), me(function() {
-    return ke(), De && (Ue.current = setTimeout(function() {
-      ft(0);
-    }, 100)), ke;
-  }, [De]);
-  var ta = Fa(
-    K,
-    // Container
-    be,
-    // Transform
-    p ? _ : Z,
-    // Tabs
-    oe,
-    // Add
-    we,
-    // Operation
-    dt,
-    se(se({}, e), {}, {
-      tabs: w
-    })
-  ), bt = L(ta, 2), aa = bt[0], na = bt[1], mt = xa(function() {
-    var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : c, b = K.get(I) || {
-      width: 0,
-      height: 0,
-      left: 0,
-      right: 0,
-      top: 0
-    };
-    if (p) {
-      var j = _;
-      i ? b.right < _ ? j = b.right : b.right + b.width > _ + be && (j = b.right + b.width - be) : b.left < -_ ? j = -b.left : b.left + b.width > -_ + be && (j = -(b.left + b.width - be)), R(0), k(Fe(j));
-    } else {
-      var X = Z;
-      b.top < -Z ? X = -b.top : b.top + b.height > -Z + be && (X = -(b.top + b.height - be)), k(0), R(Fe(X));
-    }
-  }), ra = Q(), gt = L(ra, 2), Se = gt[0], Re = gt[1], ia = Q(!1), pt = L(ia, 2), oa = pt[0], ht = pt[1], ge = w.filter(function(I) {
-    return !I.disabled;
-  }).map(function(I) {
-    return I.key;
-  }), Pe = function(b) {
-    var j = ge.indexOf(Se || c), X = ge.length, ue = (j + b + X) % X, le = ge[ue];
-    Re(le);
-  }, la = function(b) {
-    var j = b.code, X = i && p, ue = ge[0], le = ge[ge.length - 1];
-    switch (j) {
-      // LEFT
-      case "ArrowLeft": {
-        p && Pe(X ? 1 : -1);
-        break;
-      }
-      // RIGHT
-      case "ArrowRight": {
-        p && Pe(X ? -1 : 1);
-        break;
-      }
-      // UP
-      case "ArrowUp": {
-        b.preventDefault(), p || Pe(-1);
-        break;
-      }
-      // DOWN
-      case "ArrowDown": {
-        b.preventDefault(), p || 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(), A(Se ?? c, b);
-        break;
-      }
-      // Backspace
-      case "Backspace":
-      case "Delete": {
-        var Te = ge.indexOf(Se), ce = w.find(function(Ne) {
-          return Ne.key === Se;
-        }), Ze = lt(ce == null ? void 0 : ce.closable, ce == null ? void 0 : ce.closeIcon, s, ce == null ? void 0 : ce.disabled);
-        Ze && (b.preventDefault(), b.stopPropagation(), s.onEdit("remove", {
-          key: Se,
-          event: b
-        }), Te === ge.length - 1 ? Pe(-1) : Pe(1));
-        break;
-      }
-    }
-  }, Be = {};
-  p ? Be[i ? "marginRight" : "marginLeft"] = y : Be.marginTop = y;
-  var $t = w.map(function(I, b) {
-    var j = I.key;
-    return /* @__PURE__ */ l.createElement(Ja, {
-      id: r,
-      prefixCls: $,
-      key: j,
-      tab: I,
-      style: b === 0 ? void 0 : Be,
-      closable: I.closable,
-      editable: s,
-      active: j === c,
-      focus: j === Se,
-      renderWrapper: P,
-      removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-      tabCount: ge.length,
-      currentPosition: b + 1,
-      onClick: function(ue) {
-        A(j, ue);
-      },
-      onKeyDown: la,
-      onFocus: function() {
-        oa || Re(j), mt(j), 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);
-      }
-    });
-  }), yt = function() {
-    return qe(function() {
-      var b, j = /* @__PURE__ */ new Map(), X = (b = O.current) === null || b === void 0 ? void 0 : b.getBoundingClientRect();
-      return w.forEach(function(ue) {
-        var le, Te = ue.key, ce = (le = O.current) === null || le === void 0 ? void 0 : le.querySelector('[data-node-key="'.concat(Ft(Te), '"]'));
-        if (ce) {
-          var Ze = Qa(ce, X), Ne = L(Ze, 4), va = Ne[0], fa = Ne[1], ba = Ne[2], ma = Ne[3];
-          j.set(Te, {
-            width: va,
-            height: fa,
-            left: ba,
-            top: ma
-          });
-        }
-      }), j;
-    });
-  };
-  me(function() {
-    yt();
-  }, [w.map(function(I) {
-    return I.key;
-  }).join("_")]);
-  var je = qt(function() {
-    var I = Oe(M), b = Oe(D), j = Oe(G);
-    E([I[0] - b[0] - j[0], I[1] - b[1] - j[1]]);
-    var X = Oe(T);
-    fe(X);
-    var ue = Oe(C);
-    de(ue);
-    var le = Oe(O);
-    F([le[0] - X[0], le[1] - X[1]]), yt();
-  }), ca = w.slice(0, aa), sa = w.slice(na + 1), St = [].concat(Tt(ca), Tt(sa)), _t = K.get(c), da = Wa({
-    activeTabOffset: _t,
-    horizontal: p,
-    indicator: N,
-    rtl: i
-  }), ua = da.style;
-  me(function() {
-    mt();
-  }, [c, ye, Ee, Dt(_t), Dt(K), p]), me(function() {
-    je();
-  }, [i]);
-  var Ct = !!St.length, Ie = "".concat($, "-nav-wrap"), Je, Qe, xt, wt;
-  return p ? i ? (Qe = _ > 0, Je = _ !== Ee) : (Je = _ < 0, Qe = _ !== ye) : (xt = Z < 0, wt = Z !== ye), /* @__PURE__ */ l.createElement(et, {
-    onResize: je
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: wa(t, M),
-    role: "tablist",
-    "aria-orientation": p ? "horizontal" : "vertical",
-    className: W("".concat($, "-nav"), n),
-    style: a,
-    onKeyDown: function() {
-      Ye();
-    }
-  }, /* @__PURE__ */ l.createElement(at, {
-    ref: D,
-    position: "left",
-    extra: d,
-    prefixCls: $
-  }), /* @__PURE__ */ l.createElement(et, {
-    onResize: je
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: W(Ie, ne(ne(ne(ne({}, "".concat(Ie, "-ping-left"), Je), "".concat(Ie, "-ping-right"), Qe), "".concat(Ie, "-ping-top"), xt), "".concat(Ie, "-ping-bottom"), wt)),
-    ref: q
-  }, /* @__PURE__ */ l.createElement(et, {
-    onResize: je
-  }, /* @__PURE__ */ l.createElement("div", {
-    ref: O,
-    className: "".concat($, "-nav-list"),
-    style: {
-      transform: "translate(".concat(_, "px, ").concat(Z, "px)"),
-      transition: De ? "none" : void 0
-    }
-  }, $t, /* @__PURE__ */ l.createElement(Ut, {
-    ref: T,
-    prefixCls: $,
-    locale: m,
-    editable: s,
-    style: se(se({}, $t.length === 0 ? void 0 : Be), {}, {
-      visibility: Ct ? "hidden" : null
-    })
-  }), /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat($, "-ink-bar"), ne({}, "".concat($, "-ink-bar-animated"), o.inkBar)),
-    style: ua
-  }))))), /* @__PURE__ */ l.createElement(ka, pe({}, e, {
-    removeAriaLabel: m == null ? void 0 : m.removeAriaLabel,
-    ref: C,
-    prefixCls: $,
-    tabs: St,
-    className: !Ct && Zt,
-    tabMoving: !!De
-  })), /* @__PURE__ */ l.createElement(at, {
-    ref: G,
-    position: "right",
-    extra: d,
-    prefixCls: $
-  })));
-}), ct = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.className, r = e.style, o = e.id, c = e.active, i = e.tabKey, d = e.children;
-  return /* @__PURE__ */ l.createElement("div", {
-    id: o && "".concat(o, "-panel-").concat(i),
-    role: "tabpanel",
-    tabIndex: c ? 0 : -1,
-    "aria-labelledby": o && "".concat(o, "-tab-").concat(i),
-    "aria-hidden": !c,
-    style: r,
-    className: W(n, c && "".concat(n, "-active"), a),
-    ref: t
-  }, d);
-});
-process.env.NODE_ENV !== "production" && (ct.displayName = "TabPane");
-var Za = ["renderTabBar"], en = ["label", "key"], Yt = function(t) {
-  var n = t.renderTabBar, a = He(t, Za), r = l.useContext(Ve), o = r.tabs;
-  if (n) {
-    var c = se(se({}, a), {}, {
-      // Legacy support. We do not use this actually
-      panes: o.map(function(i) {
-        var d = i.label, s = i.key, m = He(i, en);
-        return /* @__PURE__ */ l.createElement(ct, pe({
-          tab: d,
-          key: s,
-          tabKey: s
-        }, m));
-      })
-    });
-    return n(c, Bt);
-  }
-  return /* @__PURE__ */ l.createElement(Bt, a);
-};
-process.env.NODE_ENV !== "production" && (Yt.displayName = "TabNavListWrapper");
-var tn = ["key", "forceRender", "style", "className", "destroyInactiveTabPane"], an = function(t) {
-  var n = t.id, a = t.activeKey, r = t.animated, o = t.tabPosition, c = t.destroyInactiveTabPane, i = l.useContext(Ve), d = i.prefixCls, s = i.tabs, m = r.tabPane, h = "".concat(d, "-tabpane");
-  return /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat(d, "-content-holder"))
-  }, /* @__PURE__ */ l.createElement("div", {
-    className: W("".concat(d, "-content"), "".concat(d, "-content-").concat(o), ne({}, "".concat(d, "-content-animated"), m))
-  }, s.map(function(y) {
-    var P = y.key, A = y.forceRender, x = y.style, N = y.className, g = y.destroyInactiveTabPane, $ = He(y, tn), w = P === a;
-    return /* @__PURE__ */ l.createElement(Ea, pe({
-      key: P,
-      visible: w,
-      forceRender: A,
-      removeOnLeave: !!(c || g),
-      leavedClassName: "".concat(h, "-hidden")
-    }, r.tabPaneMotion), function(M, D) {
-      var G = M.style, q = M.className;
-      return /* @__PURE__ */ l.createElement(ct, pe({}, $, {
-        prefixCls: h,
-        id: n,
-        tabKey: P,
-        animated: m,
-        active: w,
-        style: se(se({}, x), G),
-        className: W(N, q),
-        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"], jt = 0, kt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.id, a = e.prefixCls, r = a === void 0 ? "rc-tabs" : a, o = e.className, c = e.items, i = e.direction, d = e.activeKey, s = e.defaultActiveKey, m = e.editable, h = e.animated, y = e.tabPosition, P = y === void 0 ? "top" : y, A = e.tabBarGutter, x = e.tabBarStyle, N = e.tabBarExtraContent, g = e.locale, $ = e.more, w = e.destroyInactiveTabPane, M = e.renderTabBar, D = e.onChange, G = e.onTabClick, q = e.onTabScroll, O = e.getPopupContainer, C = e.popupClassName, T = e.indicator, p = He(e, rn), S = l.useMemo(function() {
-    return (c || []).filter(function(z) {
-      return z && nt(z) === "object" && "key" in z;
-    });
-  }, [c]), f = i === "rtl", _ = nn(h), k = Q(!1), V = L(k, 2), v = V[0], Z = V[1];
-  me(function() {
-    Z(Ba());
-  }, []);
-  var R = Nt(function() {
-    var z;
-    return (z = S[0]) === null || z === void 0 ? void 0 : z.key;
-  }, {
-    value: d,
-    defaultValue: s
-  }), U = L(R, 2), ee = U[0], ve = U[1], E = Q(function() {
-    return S.findIndex(function(z) {
-      return z.key === ee;
-    });
-  }), H = L(E, 2), Y = H[0], J = H[1];
-  me(function() {
-    var z = S.findIndex(function(xe) {
-      return xe.key === ee;
-    });
-    if (z === -1) {
-      var de;
-      z = Math.max(0, Math.min(Y, S.length - 1)), ve((de = S[z]) === null || de === void 0 ? void 0 : de.key);
-    }
-    J(z);
-  }, [S.map(function(z) {
-    return z.key;
-  }).join("_"), ee, Y]);
-  var F = Nt(null, {
-    value: n
-  }), re = L(F, 2), ae = re[0], he = re[1];
-  me(function() {
-    n || (he("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : jt)), jt += 1);
-  }, []);
-  function fe(z, de) {
-    G == null || G(z, de);
-    var xe = z !== ee;
-    ve(z), xe && (D == null || D(z));
-  }
-  var ie = {
-    id: ae,
-    activeKey: ee,
-    animated: _,
-    tabPosition: P,
-    rtl: f,
-    mobile: v
-  }, $e = se(se({}, ie), {}, {
-    editable: m,
-    locale: g,
-    more: $,
-    tabBarGutter: A,
-    onTabClick: fe,
-    onTabScroll: q,
-    extra: N,
-    style: x,
-    panes: null,
-    getPopupContainer: O,
-    popupClassName: C,
-    indicator: T
-  });
-  return /* @__PURE__ */ l.createElement(Ve.Provider, {
-    value: {
-      tabs: S,
-      prefixCls: r
-    }
-  }, /* @__PURE__ */ l.createElement("div", pe({
-    ref: t,
-    id: n,
-    className: W(r, "".concat(r, "-").concat(P), ne(ne(ne({}, "".concat(r, "-mobile"), v), "".concat(r, "-editable"), m), "".concat(r, "-rtl"), f), o)
-  }, p), /* @__PURE__ */ l.createElement(Yt, pe({}, $e, {
-    renderTabBar: M
-  })), /* @__PURE__ */ l.createElement(an, pe({
-    destroyInactiveTabPane: w
-  }, ie, {
-    animated: _
-  }))));
-});
-process.env.NODE_ENV !== "production" && (kt.displayName = "Tabs");
-const on = {
-  motionAppear: !1,
-  motionEnter: !0,
-  motionLeave: !0
-};
-function ln(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
-    inkBar: !0,
-    tabPane: !1
-  }, 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;
-  const n = Na(t).map((a) => {
-    if (/* @__PURE__ */ l.isValidElement(a)) {
-      const {
-        key: r,
-        props: o
-      } = a, c = o || {}, {
-        tab: i
-      } = c, d = cn(c, ["tab"]);
-      return Object.assign(Object.assign({
-        key: String(r)
-      }, d), {
-        label: i
-      });
-    }
-    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: o,
-    itemSelectedColor: c
-  } = e;
-  return {
-    [`${t}-card`]: {
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        [`${t}-tab`]: {
-          margin: 0,
-          padding: n,
-          background: a,
-          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 ==========================
-      [`&${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: o,
-    verticalItemMargin: c,
-    calc: i
-  } = e;
-  return {
-    // ========================== Top & Bottom ==========================
-    [`${t}-top, ${t}-bottom`]: {
-      flexDirection: "column",
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        margin: r,
-        "&::before": {
-          position: "absolute",
-          right: {
-            _skip_check_: !0,
-            value: 0
-          },
-          left: {
-            _skip_check_: !0,
-            value: 0
-          },
-          borderBottom: `${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: i(e.controlHeight).mul(1.25).equal(),
-        // >>>>>>>>>>> Tab
-        [`${t}-tab`]: {
-          padding: o,
-          textAlign: "center"
-        },
-        [`${t}-tab + ${t}-tab`]: {
-          margin: c
-        },
-        // >>>>>>>>>>> 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(i(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: i(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,
-    horizontalItemPaddingSM: r,
-    horizontalItemPaddingLG: o
-  } = e;
-  return {
-    [t]: {
-      "&-small": {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: r,
-            fontSize: e.titleFontSizeSM
-          }
-        }
-      },
-      "&-large": {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: o,
-            fontSize: e.titleFontSizeLG
-          }
-        }
-      }
-    },
-    [`${t}-card`]: {
-      [`&${t}-small`]: {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: n
-          }
-        },
-        [`&${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)}`
-            }
-          }
-        }
-      },
-      [`&${t}-large`]: {
-        [`> ${t}-nav`]: {
-          [`${t}-tab`]: {
-            padding: a
-          }
-        }
-      }
-    }
-  };
-}, gn = (e) => {
-  const {
-    componentCls: t,
-    itemActiveColor: n,
-    itemHoverColor: a,
-    iconCls: r,
-    tabsHorizontalItemMargin: o,
-    horizontalItemPadding: c,
-    itemSelectedColor: i,
-    itemColor: d
-  } = e, s = `${t}-tab`;
-  return {
-    [s]: {
-      position: "relative",
-      WebkitTouchCallout: "none",
-      WebkitTapHighlightColor: "transparent",
-      display: "inline-flex",
-      alignItems: "center",
-      padding: c,
-      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: i,
-        textShadow: e.tabsActiveTextShadow
-      },
-      [`&${s}-focus ${s}-btn`]: Object.assign({}, 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: o
-      }
-    }
-  };
-}, pn = (e) => {
-  const {
-    componentCls: t,
-    tabsHorizontalItemMarginRTL: n,
-    iconCls: a,
-    cardGutter: r,
-    calc: o
-  } = 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(o(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, {})
     }
-  };
-}, hn = (e) => {
-  const {
-    componentCls: t,
-    tabsCardPadding: n,
-    cardHeight: a,
-    cardGutter: r,
-    itemHoverColor: o,
-    itemActiveColor: c,
-    colorBorderSecondary: i
-  } = e;
-  return {
-    [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, it(e)), {
-      display: "flex",
-      // ========================== Navigation ==========================
-      [`> ${t}-nav, > div > ${t}-nav`]: {
-        position: "relative",
-        display: "flex",
-        flex: "none",
-        alignItems: "center",
-        [`${t}-nav-wrap`]: {
-          position: "relative",
-          display: "flex",
-          flex: "auto",
-          alignSelf: "stretch",
-          overflow: "hidden",
-          whiteSpace: "nowrap",
-          transform: "translate(0)",
-          // Fix chrome render bug
-          // >>>>> Ping shadow
-          "&::before, &::after": {
-            position: "absolute",
-            zIndex: 1,
-            opacity: 0,
-            transition: `opacity ${e.motionDurationSlow}`,
-            content: "''",
-            pointerEvents: "none"
-          }
-        },
-        [`${t}-nav-list`]: {
-          position: "relative",
-          display: "flex",
-          transition: `opacity ${e.motionDurationSlow}`
-        },
-        // >>>>>>>> Operations
-        [`${t}-nav-operations`]: {
-          display: "flex",
-          alignSelf: "stretch"
-        },
-        [`${t}-nav-operations-hidden`]: {
-          position: "absolute",
-          visibility: "hidden",
-          pointerEvents: "none"
-        },
-        [`${t}-nav-more`]: {
-          position: "relative",
-          padding: 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,
-          marginLeft: {
-            _skip_check_: !0,
-            value: r
-          },
-          padding: u(e.paddingXS),
-          background: "transparent",
-          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: o
-          },
-          "&:active, &:focus:not(:focus-visible)": {
-            color: c
-          }
-        }, 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 t = e.controlHeightLG;
-  return {
-    zIndexPopup: e.zIndexPopupBase + 50,
-    cardBg: e.colorFillAlter,
-    cardHeight: t,
-    // Initialize with empty string, because cardPadding will be calculated with cardHeight by default.
-    cardPadding: `${(t - Math.round(e.fontSize * e.lineHeight)) / 2 - e.lineWidth}px ${e.padding}px`,
-    cardPaddingSM: `${e.paddingXXS * 1.5}px ${e.padding}px`,
-    cardPaddingLG: `${e.paddingXS}px ${e.padding}px ${e.paddingXXS * 1.5}px`,
-    titleFontSize: e.fontSize,
-    titleFontSizeLG: e.fontSizeLG,
-    titleFontSizeSM: e.fontSize,
-    inkBarColor: e.colorPrimary,
-    horizontalMargin: `0 0 ${e.margin}px 0`,
-    horizontalItemGutter: 32,
-    // Fixed Value
-    // Initialize with empty string, because horizontalItemMargin will be calculated with horizontalItemGutter by default.
-    horizontalItemMargin: "",
-    horizontalItemMarginRTL: "",
-    horizontalItemPadding: `${e.paddingSM}px 0`,
-    horizontalItemPaddingSM: `${e.paddingXS}px 0`,
-    horizontalItemPaddingLG: `${e.padding}px 0`,
-    verticalItemPadding: `${e.paddingXS}px ${e.paddingLG}px`,
-    verticalItemMargin: `${e.margin}px 0 0 0`,
-    itemColor: e.colorText,
-    itemSelectedColor: e.colorPrimary,
-    itemHoverColor: e.colorPrimaryHover,
-    itemActiveColor: e.colorPrimaryActive,
-    cardGutter: e.marginXXS / 2
-  };
-}, 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 ${u(e.horizontalItemGutter)}`,
-    tabsHorizontalItemMarginRTL: `0 0 0 ${u(e.horizontalItemGutter)}`
-  });
-  return [mn(t), pn(t), bn(t), fn(t), vn(t), hn(t), un(t)];
-}, $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, o, c, i, d, s, m, h;
-  const {
-    type: y,
-    className: P,
-    rootClassName: A,
-    size: x,
-    onEdit: N,
-    hideAdd: g,
-    centered: $,
-    addIcon: w,
-    removeIcon: M,
-    moreIcon: D,
-    more: G,
-    popupClassName: q,
-    children: O,
-    items: C,
-    animated: T,
-    style: p,
-    indicatorSize: S,
-    indicator: f
-  } = e, _ = Sn(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]), {
-    prefixCls: k
-  } = _, {
-    direction: V,
-    tabs: v,
-    getPrefixCls: Z,
-    getPopupContainer: R
-  } = l.useContext(Me), U = Z("tabs", k), ee = Oa(U), [ve, E, H] = yn(U, ee);
-  let Y;
-  y === "editable-card" && (Y = {
-    onEdit: (ie, $e) => {
-      let {
-        key: z,
-        event: de
-      } = $e;
-      N == null || N(ie === "add" ? de : z, ie);
-    },
-    removeIcon: (t = M ?? (v == null ? void 0 : v.removeIcon)) !== null && t !== void 0 ? t : /* @__PURE__ */ l.createElement(Ia, null),
-    addIcon: (w ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ l.createElement(Xt, null),
-    showAdd: g !== !0
-  });
-  const J = Z();
-  if (process.env.NODE_ENV !== "production") {
-    const ie = rt("Tabs");
-    process.env.NODE_ENV !== "production" && ie(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && ie(!(S || v != null && v.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
-  }
-  const F = Kt(x), re = dn(C, O), ae = ln(U, T), he = Object.assign(Object.assign({}, v == null ? void 0 : v.style), p), fe = {
-    align: (n = f == null ? void 0 : f.align) !== null && n !== void 0 ? n : (a = v == null ? void 0 : v.indicator) === null || a === void 0 ? void 0 : a.align,
-    size: (i = (o = (r = f == null ? void 0 : f.size) !== null && r !== void 0 ? r : S) !== null && o !== void 0 ? o : (c = v == null ? void 0 : v.indicator) === null || c === void 0 ? void 0 : c.size) !== null && i !== void 0 ? i : v == null ? void 0 : v.indicatorSize
-  };
-  return ve(/* @__PURE__ */ l.createElement(kt, Object.assign({
-    direction: V,
-    getPopupContainer: R
-  }, _, {
-    items: re,
-    className: W({
-      [`${U}-${F}`]: F,
-      [`${U}-card`]: ["card", "editable-card"].includes(y),
-      [`${U}-editable-card`]: y === "editable-card",
-      [`${U}-centered`]: $
-    }, v == null ? void 0 : v.className, P, A, E, H, ee),
-    popupClassName: W(q, E, H, ee),
-    style: he,
-    editable: Y,
-    more: Object.assign({
-      icon: (h = (m = (s = (d = v == null ? void 0 : v.more) === null || d === void 0 ? void 0 : d.icon) !== null && s !== void 0 ? s : v == null ? void 0 : v.moreIcon) !== null && m !== void 0 ? m : D) !== null && h !== void 0 ? h : /* @__PURE__ */ l.createElement(ja, null),
-      transitionName: `${J}-slide-up`
-    }, G),
-    prefixCls: U,
-    animated: ae,
-    indicator: fe
-  })));
-};
-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: o
-  } = l.useContext(Me), c = o("card", t), i = W(`${c}-grid`, n, {
-    [`${c}-grid-hoverable`]: a
-  });
-  return /* @__PURE__ */ l.createElement("div", Object.assign({}, r, {
-    className: i
-  }));
-}, Cn = (e) => {
-  const {
-    antCls: t,
-    componentCls: n,
-    headerHeight: a,
-    headerPadding: r,
-    tabsMarginBottom: o
-  } = 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: o,
-      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: o,
-    actionsBg: c
-  } = e;
-  return Object.assign(Object.assign({
-    margin: 0,
-    padding: 0,
-    listStyle: "none",
-    background: c,
-    borderTop: `${u(e.lineWidth)} ${e.lineType} ${o}`,
-    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} ${o}`
-      }
-    }
-  });
-}, 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: o,
-    bodyPadding: c,
-    extraColor: i
-  } = e;
-  return {
-    [t]: Object.assign(Object.assign({}, it(e)), {
-      position: "relative",
-      background: e.colorBgContainer,
-      borderRadius: e.borderRadiusLG,
-      [`&:not(${t}-bordered)`]: {
-        boxShadow: o
-      },
-      [`${t}-head`]: Cn(e),
-      [`${t}-extra`]: {
-        // https://stackoverflow.com/a/22429853/3040605
-        marginInlineStart: "auto",
-        color: i,
-        fontWeight: "normal",
-        fontSize: e.fontSize
-      },
-      [`${t}-body`]: Object.assign({
-        padding: c,
-        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: o
-  } = e;
-  return {
-    [`${t}-small`]: {
-      [`> ${t}-head`]: {
-        minHeight: r,
-        padding: `0 ${u(a)}`,
-        fontSize: o,
-        [`> ${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"
-        }
-      }
-    }
-  };
-}, 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
-  });
-  return [
-    // Style
-    Nn(t),
-    // Size
-    On(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 zn = (e) => {
-  const {
-    actionClasses: t,
-    actions: n = [],
-    actionStyle: a
-  } = e;
-  return /* @__PURE__ */ l.createElement("ul", {
-    className: t,
-    style: a
-  }, n.map((r, o) => {
-    const c = `action-${o}`;
-    return /* @__PURE__ */ l.createElement("li", {
-      style: {
-        width: `${100 / n.length}%`
-      },
-      key: c
-    }, /* @__PURE__ */ l.createElement("span", null, r));
-  }));
-}, Mn = /* @__PURE__ */ l.forwardRef((e, t) => {
-  const {
-    prefixCls: n,
-    className: a,
-    rootClassName: r,
-    style: o,
-    extra: c,
-    headStyle: i = {},
-    bodyStyle: d = {},
-    title: s,
-    loading: m,
-    bordered: h,
-    variant: y,
-    size: P,
-    type: A,
-    cover: x,
-    actions: N,
-    tabList: g,
-    children: $,
-    activeTabKey: w,
-    defaultActiveTabKey: M,
-    tabBarExtraContent: D,
-    hoverable: G,
-    tabProps: q = {},
-    classNames: O,
-    styles: C
-  } = e, T = At(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "variant", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
-    getPrefixCls: p,
-    direction: S,
-    card: f
-  } = l.useContext(Me), [_] = Aa("card", y, h);
-  if (process.env.NODE_ENV !== "production") {
-    const K = rt("Card");
-    [["headStyle", "styles.header"], ["bodyStyle", "styles.body"], ["bordered", "variant"]].forEach((B) => {
-      let [oe, we] = B;
-      K.deprecated(!(oe in e), oe, we);
-    });
-  }
-  const k = (K) => {
-    var B;
-    (B = e.onTabChange) === null || B === void 0 || B.call(e, K);
-  }, V = (K) => {
-    var B;
-    return W((B = f == null ? void 0 : f.classNames) === null || B === void 0 ? void 0 : B[K], O == null ? void 0 : O[K]);
-  }, v = (K) => {
-    var B;
-    return Object.assign(Object.assign({}, (B = f == null ? void 0 : f.styles) === null || B === void 0 ? void 0 : B[K]), C == null ? void 0 : C[K]);
-  }, Z = l.useMemo(() => {
-    let K = !1;
-    return l.Children.forEach($, (B) => {
-      (B == null ? void 0 : B.type) === Qt && (K = !0);
-    }), K;
-  }, [$]), R = p("card", n), [U, ee, ve] = In(R), E = /* @__PURE__ */ l.createElement(za, {
-    loading: !0,
-    active: !0,
-    paragraph: {
-      rows: 4
-    },
-    title: !1
-  }, $), H = w !== void 0, Y = Object.assign(Object.assign({}, q), {
-    [H ? "activeKey" : "defaultActiveKey"]: H ? w : M,
-    tabBarExtraContent: D
-  });
-  let J;
-  const F = Kt(P), re = !F || F === "default" ? "large" : F, ae = g ? /* @__PURE__ */ l.createElement(st, Object.assign({
-    size: re
-  }, Y, {
-    className: `${R}-head-tabs`,
-    onChange: k,
-    items: g.map((K) => {
-      var {
-        tab: B
-      } = K, oe = At(K, ["tab"]);
-      return Object.assign({
-        label: B
-      }, oe);
-    })
-  })) : null;
-  if (s || c || ae) {
-    const K = W(`${R}-head`, V("header")), B = W(`${R}-head-title`, V("title")), oe = W(`${R}-extra`, V("extra")), we = Object.assign(Object.assign({}, i), v("header"));
-    J = /* @__PURE__ */ l.createElement("div", {
-      className: K,
-      style: we
-    }, /* @__PURE__ */ l.createElement("div", {
-      className: `${R}-head-wrapper`
-    }, s && /* @__PURE__ */ l.createElement("div", {
-      className: B,
-      style: v("title")
-    }, s), c && /* @__PURE__ */ l.createElement("div", {
-      className: oe,
-      style: v("extra")
-    }, c)), ae);
-  }
-  const he = W(`${R}-cover`, V("cover")), fe = x ? /* @__PURE__ */ l.createElement("div", {
-    className: he,
-    style: v("cover")
-  }, x) : null, ie = W(`${R}-body`, V("body")), $e = Object.assign(Object.assign({}, d), v("body")), z = /* @__PURE__ */ l.createElement("div", {
-    className: ie,
-    style: $e
-  }, m ? E : $), de = W(`${R}-actions`, V("actions")), xe = N != null && N.length ? /* @__PURE__ */ l.createElement(zn, {
-    actionClasses: de,
-    actionStyle: v("actions"),
-    actions: N
-  }) : null, Le = Ra(T, ["onTabChange"]), Xe = W(R, f == null ? void 0 : f.className, {
-    [`${R}-loading`]: m,
-    [`${R}-bordered`]: _ !== "borderless",
-    [`${R}-hoverable`]: G,
-    [`${R}-contain-grid`]: Z,
-    [`${R}-contain-tabs`]: g == null ? void 0 : g.length,
-    [`${R}-${F}`]: F,
-    [`${R}-type-${A}`]: !!A,
-    [`${R}-rtl`]: S === "rtl"
-  }, a, r, ee, ve), qe = Object.assign(Object.assign({}, f == null ? void 0 : f.style), o);
-  return U(/* @__PURE__ */ l.createElement("div", Object.assign({
-    ref: t
-  }, Le, {
-    className: Xe,
-    style: qe
-  }), J, fe, z, xe));
-});
-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: o
-  } = e, c = Ln(e, ["prefixCls", "className", "avatar", "title", "description"]), {
-    getPrefixCls: i
-  } = l.useContext(Me), d = i("card", t), s = W(`${d}-meta`, n), m = a ? /* @__PURE__ */ l.createElement("div", {
-    className: `${d}-meta-avatar`
-  }, a) : null, h = r ? /* @__PURE__ */ l.createElement("div", {
-    className: `${d}-meta-title`
-  }, r) : null, y = o ? /* @__PURE__ */ l.createElement("div", {
-    className: `${d}-meta-description`
-  }, o) : null, P = h || y ? /* @__PURE__ */ l.createElement("div", {
-    className: `${d}-meta-detail`
-  }, h, y) : null;
-  return /* @__PURE__ */ l.createElement("div", Object.assign({}, c, {
-    className: s
-  }), m, P);
-}, Ke = Mn;
-Ke.Grid = Qt;
-Ke.Meta = Dn;
-process.env.NODE_ENV !== "production" && (Ke.displayName = "Card");
-const Bn = "_kpiCard_w4qw3_1", jn = "_width430_w4qw3_7", An = "_width384_w4qw3_16", Gn = "_flexCol_w4qw3_20", Hn = "_flexRow_w4qw3_25", Wn = "_title_w4qw3_30", Vn = "_content_w4qw3_56", Ce = {
-  kpiCard: Bn,
-  width430: jn,
-  width384: An,
-  flexCol: Gn,
-  flexRow: Hn,
-  title: Wn,
-  content: Vn
-};
-function Qn({ title: e, content: t, icon: n, menuCollapsed: a }) {
-  return /* @__PURE__ */ ze(Ke, { className: pa(Ce.kpiCard, a ? Ce.width430 : Ce.width384), children: e && t ? /* @__PURE__ */ ze("div", { className: Ce.flexCol, children: /* @__PURE__ */ Et("div", { className: Ce.flexRow, children: [
-    n,
-    /* @__PURE__ */ Et("div", { className: Ce.flexCol, children: [
-      /* @__PURE__ */ ze("span", { className: Ce.title, children: e }),
-      /* @__PURE__ */ ze("span", { className: Ce.content, children: t })
-    ] })
-  ] }) }) : /* @__PURE__ */ ze(ga, {}) });
+  );
 }
 export {
-  Qn as KpiCard
+  k as KpiCard
 };