@hybridcore/ui 1.6.6 → 1.6.7

package/dist/components/charts/xy-chart/logic.js

@@ -1,41 +1,42 @@
-import { R as P, A as V, T as x, b as W, L as G } from "../../../AnimatedTheme-jnasw6rT.js";
+import { R as V, A as W, T as x, b as z, L as G } from "../../../AnimatedTheme-jnasw6rT.js";
 import { useThemeProps as N, useTheme as j } from "@mui/material";
-import g from "lodash";
-import { useId as z, useRef as H, useEffect as M } from "react";
-import { colorSetFromPalette as U, applyValueFormat as _ } from "../_common/utils.js";
-import { c, a as y, p as $ } from "../../../ColorSet-C7vpNXhM.js";
-import { X as q, V as J } from "../../../AxisRenderer-DTyLLA6c.js";
-import { L as K } from "../../../Legend-Dp_MKfS4.js";
-import { D as Q } from "../../../DateAxis-YX3QNIB-.js";
-import { A as k, a as Z } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as ee } from "../../../CategoryAxis-CwnfaGc8.js";
-import { C as te } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { D as re } from "../../../DataProcessor-CHDO51q4.js";
-import { B as oe } from "../../../Bullet-DVczI2TD.js";
-const we = (F) => {
-  const w = N({ props: F, name: "HCXYChart" }), {
-    dimensions: p,
+import X from "lodash";
+import { useId as H, useRef as M, useEffect as U } from "react";
+import { humanizeLabel as k } from "../_common/format.js";
+import { colorSetFromPalette as _, applyValueFormat as $ } from "../_common/utils.js";
+import { c as p, a as g, p as q } from "../../../ColorSet-C7vpNXhM.js";
+import { X as J, V as K } from "../../../AxisRenderer-DTyLLA6c.js";
+import { L as Q } from "../../../Legend-Dp_MKfS4.js";
+import { D as Z } from "../../../DateAxis-YX3QNIB-.js";
+import { A as F, a as ee } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as te } from "../../../CategoryAxis-CwnfaGc8.js";
+import { C as re } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { D as oe } from "../../../DataProcessor-CHDO51q4.js";
+import { B as ae } from "../../../Bullet-DVczI2TD.js";
+const be = (L) => {
+  const y = N({ props: L, name: "HCXYChart" }), {
+    dimensions: c,
     values: n,
     data: d,
-    initDelay: L = 0,
-    baseInterval: R,
-    colors: A,
-    sx: O,
-    ...B
-  } = w, i = j(), v = `hc-xy-chart-${z().replace(/:/g, "")}`, u = H(null), b = p.length < 1 ? "Missing dimensions config!" : null;
-  M(() => {
+    initDelay: R = 0,
+    baseInterval: O,
+    colors: w,
+    sx: B,
+    ...S
+  } = y, i = j(), A = `hc-xy-chart-${H().replace(/:/g, "")}`, u = M(null), b = c.length < 1 ? "Missing dimensions config!" : null;
+  U(() => {
     if (b) return;
     let f;
     return f = setTimeout(() => {
-      var Y, D, X;
-      const e = P.new(v);
-      u.current = e, e.setThemes([V.new(e)]), e.interfaceColors.setAll({
-        text: c(i.palette.text.primary),
-        grid: c(i.palette.divider),
-        stroke: c(i.palette.divider)
+      var C, Y, D;
+      const e = V.new(A);
+      u.current = e, e.setThemes([W.new(e)]), e.interfaceColors.setAll({
+        text: p(i.palette.text.primary),
+        grid: p(i.palette.divider),
+        stroke: p(i.palette.divider)
       });
       const o = e.container.children.push(
-        q.new(e, {
+        J.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -43,31 +44,31 @@ const we = (F) => {
           layout: e.verticalLayout
         })
       );
-      o.set("colors", U(e, A));
-      const E = o.children.push(
-        K.new(e, {
-          centerX: y,
-          x: y
+      o.set("colors", _(e, w));
+      const I = o.children.push(
+        Q.new(e, {
+          centerX: g,
+          x: g
         })
-      ), a = p[0];
+      ), a = c[0];
       let s, m = d;
       if (a.type === "date")
         s = o.xAxes.push(
-          Q.new(e, {
+          Z.new(e, {
             maxDeviation: 0,
-            baseInterval: R || { timeUnit: "day", count: 1 },
-            renderer: k.new(e, { minGridDistance: 60 }),
+            baseInterval: O || { timeUnit: "day", count: 1 },
+            renderer: F.new(e, { minGridDistance: 60 }),
             tooltip: x.new(e, {})
           })
-        ), m = g.orderBy(d, [a.value]);
+        ), m = X.orderBy(d, [a.value]);
       else {
-        const t = k.new(e, {
+        const t = F.new(e, {
           cellStartLocation: 0.1,
           cellEndLocation: 0.9,
           minGridDistance: 30
         });
         s = o.xAxes.push(
-          ee.new(e, {
+          te.new(e, {
             categoryField: a.value,
             renderer: t,
             tooltip: x.new(e, {})
@@ -82,8 +83,8 @@ const we = (F) => {
         }), t.labels.template.setup = function(r) {
           r.set(
             "background",
-            W.new(e, {
-              fill: c(0),
+            z.new(e, {
+              fill: p(0),
               fillOpacity: 0
             })
           );
@@ -94,73 +95,78 @@ const we = (F) => {
           numericFields: ["valueX"]
         }), s.data.setAll(m);
       }
-      const C = o.yAxes.push(
-        J.new(e, {
-          renderer: Z.new(e, { strokeOpacity: 0.1 })
+      const v = o.yAxes.push(
+        K.new(e, {
+          renderer: ee.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (Y = s.get("renderer")) == null || Y.grid.template.setAll({
-        stroke: c(i.palette.divider),
+      (C = s.get("renderer")) == null || C.grid.template.setAll({
+        stroke: p(i.palette.divider),
         strokeOpacity: 1
-      }), (D = C.get("renderer")) == null || D.grid.template.setAll({
-        stroke: c(i.palette.divider),
+      }), (Y = v.get("renderer")) == null || Y.grid.template.setAll({
+        stroke: p(i.palette.divider),
         strokeOpacity: 1
       });
-      function T(t, r, h, I) {
+      function T(t, r, h, P) {
         const l = o.series.push(
-          te.new(e, {
+          re.new(e, {
             name: t,
             xAxis: s,
-            yAxis: C,
-            valueYField: I,
+            yAxis: v,
+            valueYField: P,
             ...a.type === "date" ? { valueXField: h } : { categoryXField: h }
           })
         );
         l.columns.template.setAll({
           tooltipText: "{name}, {categoryX}:{valueY}",
-          width: $(90),
+          width: q(90),
           tooltipY: 0,
           strokeOpacity: 0
-        }), a.type === "date" && (l.data.processor = re.new(e, {
+        }), a.type === "date" && (l.data.processor = oe.new(e, {
           dateFormat: "i",
           dateFields: [h]
         })), l.data.setAll(r), l.appear(), l.bullets.push(function() {
-          return oe.new(e, {
+          return ae.new(e, {
             locationY: 0,
             sprite: G.new(e, {
               text: "{valueY}",
               fill: e.interfaceColors.get("alternativeText"),
               centerY: 0,
-              centerX: y,
+              centerX: g,
               populateText: !0
             })
           });
-        }), E.data.push(l);
+        }), I.data.push(l);
       }
-      if (p.length === 1)
+      if (c.length === 1)
         n.forEach((t) => {
-          T(t.name, m, a.value, t.dataFieldName);
+          T(
+            t.label ?? k(t.name),
+            m,
+            a.value,
+            t.dataFieldName
+          );
         });
       else {
-        const t = g.groupBy(m, p[1].value);
+        const t = X.groupBy(m, c[1].value);
         Object.keys(t).forEach((r) => {
           T(
-            g.startCase(r),
+            k(r),
             t[r],
             a.value,
             n[0].dataFieldName
           );
         });
       }
-      _(e, (X = n == null ? void 0 : n[0]) == null ? void 0 : X.format), o.appear(1e3, 100);
-    }, L), () => {
+      $(e, (D = n == null ? void 0 : n[0]) == null ? void 0 : D.format), o.appear(1e3, 100);
+    }, R), () => {
       var e;
       f && clearTimeout(f), (e = u.current) == null || e.dispose(), u.current = null;
     };
-  }, [d, p, n, i.palette.mode, A]);
-  const S = { ...w };
-  return { chartId: v, ownerState: S, sx: O, error: b, other: B };
+  }, [d, c, n, i.palette.mode, w]);
+  const E = { ...y };
+  return { chartId: A, ownerState: E, sx: B, error: b, other: S };
 };
 export {
-  we as useXYChartLogic
+  be as useXYChartLogic
 };

package/dist/components/metric-card/index.js

@@ -1,27 +1,28 @@
-import { jsx as t, jsxs as n, Fragment as x } from "react/jsx-runtime";
-import { Stack as a, Skeleton as c } from "@mui/material";
-import { MetricChart as g } from "./MetricChart.js";
-import { useMetricCardLogic as b } from "./logic.js";
-import { MetricCardRoot as u, MetricCardValue as j, MetricCardTrendContainer as z, MetricCardLabel as m, MetricCardPanel as k, MetricCardDescription as w, MetricCardSideChart as P, MetricCardCornerIconContainer as L, MetricCardIconContainer as f, MetricCardContent as V, MetricCardChartContainer as A } from "./styled.js";
-const B = (e) => {
-  const { state: v } = b(e), {
+import { jsx as e, jsxs as n, Fragment as u } from "react/jsx-runtime";
+import { Stack as r, Skeleton as c } from "@mui/material";
+import { MetricChart as x } from "./MetricChart.js";
+import { useMetricCardLogic as j } from "./logic.js";
+import { MetricCardRoot as m, MetricCardValue as z, MetricCardSecondValue as V, MetricCardTrendContainer as k, MetricCardLabel as w, MetricCardPanel as P, MetricCardDescription as f, MetricCardSideChart as L, MetricCardCornerIconContainer as A, MetricCardIconContainer as v, MetricCardContent as D, MetricCardChartContainer as F } from "./styled.js";
+const G = (t) => {
+  const { state: M } = j(t), {
     ownerState: i,
     layout: d,
-    calculatedValue: M,
+    calculatedValue: y,
+    calculatedSecondValue: l,
     calculatedChange: h,
-    TrendIcon: y,
-    Icon: r,
+    TrendIcon: S,
+    Icon: a,
     showCornerIcon: I,
-    showSideIcon: l,
-    iconPosition: o,
-    snapshotPayload: S
-  } = v, s = !!e.showChart && !!e.chartType && (e.value ?? []).length >= 2, T = (e.showChange || e.showTrend) && h !== "—";
-  if (e.loading)
-    return /* @__PURE__ */ t(u, { ownerState: i, sx: e.sx, children: /* @__PURE__ */ n(a, { spacing: 1, children: [
-      /* @__PURE__ */ t(c, { variant: "text", width: "60%" }),
-      /* @__PURE__ */ t(c, { variant: "rectangular", height: 40, width: "40%" }),
-      /* @__PURE__ */ t(c, { variant: "text", width: "80%" }),
-      e.showChart && /* @__PURE__ */ t(
+    showSideIcon: o,
+    iconPosition: s,
+    snapshotPayload: b
+  } = M, C = !!t.showChart && !!t.chartType && (t.value ?? []).length >= 2, T = (t.showChange || t.showTrend) && h !== "—";
+  if (t.loading)
+    return /* @__PURE__ */ e(m, { ownerState: i, sx: t.sx, children: /* @__PURE__ */ n(r, { spacing: 1, children: [
+      /* @__PURE__ */ e(c, { variant: "text", width: "60%" }),
+      /* @__PURE__ */ e(c, { variant: "rectangular", height: 40, width: "40%" }),
+      /* @__PURE__ */ e(c, { variant: "text", width: "80%" }),
+      t.showChart && /* @__PURE__ */ e(
         c,
         {
           variant: "rectangular",
@@ -31,80 +32,83 @@ const B = (e) => {
         }
       )
     ] }) });
-  const C = /* @__PURE__ */ n(
-    a,
+  const g = /* @__PURE__ */ n(
+    r,
     {
       direction: "row",
       alignItems: "center",
       spacing: 1,
       flexWrap: d === "panel" ? "nowrap" : "wrap",
       children: [
-        /* @__PURE__ */ t(j, { variant: "h4", ownerState: i, children: M }),
-        T && /* @__PURE__ */ n(z, { ownerState: i, children: [
-          d === "overlay" && e.showTrend && /* @__PURE__ */ t(y, { size: 16 }),
-          e.showChange && h
+        /* @__PURE__ */ n(r, { direction: "row", alignItems: "baseline", spacing: 0.5, children: [
+          /* @__PURE__ */ e(z, { variant: "h4", ownerState: i, children: y }),
+          l && /* @__PURE__ */ e(V, { variant: "h5", children: l })
+        ] }),
+        T && /* @__PURE__ */ n(k, { ownerState: i, children: [
+          d === "overlay" && t.showTrend && /* @__PURE__ */ e(S, { size: 16 }),
+          t.showChange && h
         ] })
       ]
     }
   );
-  return /* @__PURE__ */ t(
-    u,
+  return /* @__PURE__ */ e(
+    m,
     {
       ownerState: i,
-      sx: e.sx,
-      "data-snapshot": S,
-      children: d === "panel" ? /* @__PURE__ */ n(x, { children: [
-        /* @__PURE__ */ t(m, { variant: "body2", children: e.label }),
-        /* @__PURE__ */ n(k, { children: [
-          /* @__PURE__ */ n(a, { justifyContent: "center", spacing: 0.5, sx: { flexShrink: 0 }, children: [
-            C,
-            e.description && /* @__PURE__ */ t(w, { variant: "caption", children: e.description })
-          ] }),
-          s && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
+      sx: t.sx,
+      "data-snapshot": b,
+      children: d === "panel" ? /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(w, { variant: "body2", children: t.label }),
+        /* @__PURE__ */ n(P, { children: [
+          /* @__PURE__ */ n(r, { justifyContent: "center", spacing: 0.5, sx: { flexShrink: 0 }, children: [
             g,
+            t.description && /* @__PURE__ */ e(f, { variant: "caption", children: t.description })
+          ] }),
+          C && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+            x,
             {
-              type: e.chartType,
-              data: e.value,
+              type: t.chartType,
+              data: t.value,
               inset: !0,
               gradient: !0
             }
           ) })
         ] })
-      ] }) : /* @__PURE__ */ n(x, { children: [
-        I && r && /* @__PURE__ */ t(L, { ownerState: i, children: /* @__PURE__ */ t(r, { size: 24 }) }),
+      ] }) : /* @__PURE__ */ n(u, { children: [
+        I && a && /* @__PURE__ */ e(A, { ownerState: i, children: /* @__PURE__ */ e(a, { size: 24 }) }),
         /* @__PURE__ */ n(
-          a,
+          r,
           {
             direction: "row",
             justifyContent: "space-between",
             alignItems: "flex-start",
             sx: { flex: 1 },
             children: [
-              l && r && o === "left" && /* @__PURE__ */ t(f, { ownerState: i, children: /* @__PURE__ */ t(r, { sx: { fontSize: 24 } }) }),
-              /* @__PURE__ */ n(V, { children: [
-                /* @__PURE__ */ t(m, { variant: "body2", children: e.label }),
-                C
+              o && a && s === "left" && /* @__PURE__ */ e(v, { ownerState: i, children: /* @__PURE__ */ e(a, { sx: { fontSize: 24 } }) }),
+              /* @__PURE__ */ n(D, { children: [
+                /* @__PURE__ */ e(w, { variant: "body2", children: t.label }),
+                g
               ] }),
-              l && r && o === "right" && /* @__PURE__ */ t(f, { ownerState: i, children: /* @__PURE__ */ t(r, { sx: { fontSize: 24 } }) })
+              o && a && s === "right" && /* @__PURE__ */ e(v, { ownerState: i, children: /* @__PURE__ */ e(a, { sx: { fontSize: 24 } }) })
             ]
           }
         ),
         /* @__PURE__ */ n(
-          a,
+          r,
           {
             direction: { xs: "column-reverse", sm: "column" },
             spacing: 1,
             sx: { width: "100%", mt: 2 },
             children: [
-              e.description && /* @__PURE__ */ t(
-                w,
+              t.description && /* @__PURE__ */ e(
+                f,
                 {
                   variant: "caption",
                   sx: { textAlign: { xs: "center", sm: "left" } },
-                  children: e.description
+                  children: t.description
                 }
               ),
-              s && /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(g, { type: e.chartType, data: e.value }) })
+              C && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(x, { type: t.chartType, data: t.value }) })
             ]
           }
         )
@@ -113,5 +117,5 @@ const B = (e) => {
   );
 };
 export {
-  B as MetricCard
+  G as MetricCard
 };

package/dist/components/metric-card/logic.js

@@ -1,103 +1,112 @@
-import { useThemeProps as U } from "@mui/material";
-import { formatValue as Z, resolveConditionalStyle as H } from "../charts/_common/format.js";
-import { c as f } from "../../createReactComponent-C7L-DMHj.js";
+import { useThemeProps as q } from "@mui/material";
+import { formatValue as V, resolveConditionalStyle as z } from "../charts/_common/format.js";
+import { c as N } from "../../createReactComponent-C7L-DMHj.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const J = [["path", { d: "M5 12l14 0", key: "svg-0" }], ["path", { d: "M13 18l6 -6", key: "svg-1" }], ["path", { d: "M13 6l6 6", key: "svg-2" }]], L = f("outline", "arrow-right", "ArrowRight", J);
+const E = [["path", { d: "M5 12l14 0", key: "svg-0" }], ["path", { d: "M13 18l6 -6", key: "svg-1" }], ["path", { d: "M13 6l6 6", key: "svg-2" }]], G = N("outline", "arrow-right", "ArrowRight", E);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const j = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], q = f("outline", "trending-down", "TrendingDown", j);
+const K = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], Q = N("outline", "trending-down", "TrendingDown", K);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const z = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], E = f("outline", "trending-up", "TrendingUp", z), W = (b) => {
-  const i = U({ props: b, name: "HCMetricCard" }), {
-    value: s = [],
-    variant: k = "default",
-    layout: v = "overlay",
-    valuePrefix: x,
-    valueSuffix: S,
+const W = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], X = N("outline", "trending-up", "TrendingUp", W), ne = (_) => {
+  const i = q({ props: _, name: "HCMetricCard" }), {
+    value: l = [],
+    secondValue: y = [],
+    secondValueFormat: R,
+    variant: $ = "default",
+    layout: w = "overlay",
+    valuePrefix: D,
+    valueSuffix: P,
     format: e,
-    showChange: _ = !1,
-    changeType: l = "percentage",
-    showTrend: R = !1,
-    showIcon: y = !1,
+    showChange: B = !1,
+    changeType: c = "percentage",
+    showTrend: F = !1,
+    showIcon: C = !1,
     icon: r,
     iconPosition: d = "right"
-  } = i, V = s.length > 0, u = s[s.length - 1], N = s[s.length - 2], t = u ? Number(u.v) : NaN, o = N ? Number(N.v) : NaN, w = !isNaN(t) && !isNaN(o), m = {
-    prefix: (e == null ? void 0 : e.prefix) ?? x,
-    suffix: (e == null ? void 0 : e.suffix) ?? S,
+  } = i, A = l.length > 0, u = l[l.length - 1], b = l[l.length - 2], o = u ? Number(u.v) : NaN, n = b ? Number(b.v) : NaN, k = !isNaN(o) && !isNaN(n), g = {
+    prefix: (e == null ? void 0 : e.prefix) ?? D,
+    suffix: (e == null ? void 0 : e.suffix) ?? P,
     decimals: e == null ? void 0 : e.decimals,
+    color: e == null ? void 0 : e.color,
+    backgroundColor: e == null ? void 0 : e.backgroundColor,
     conditionalRules: e == null ? void 0 : e.conditionalRules
   };
-  let a = "—", C = "", M, I;
-  if (!isNaN(t)) {
-    a = Z(t, m), C = u.t;
-    const p = H(t, m);
-    M = p.color, I = p.backgroundColor;
+  let a = "—", m = "", M, I;
+  if (!isNaN(o)) {
+    a = V(o, g), m = u.t;
+    const f = z(o, g);
+    M = f.color, I = f.backgroundColor;
   }
-  let c;
-  if (_)
-    if (w && !(o === 0 && l === "percentage")) {
-      const h = l === "absolute" ? t - o : (t - o) / o * 100, A = h > 0 ? "+" : h < 0 ? "−" : "", F = l === "percentage" ? 1 : 2, O = l === "percentage" ? "%" : "";
-      c = `${A}${Math.abs(h).toFixed(F)}${O}`;
+  let p;
+  const T = y[y.length - 1], x = T ? Number(T.v) : NaN;
+  isNaN(x) || (p = V(x, R ?? g));
+  let s;
+  if (B)
+    if (k && !(n === 0 && c === "percentage")) {
+      const v = c === "absolute" ? o - n : (o - n) / n * 100, J = v > 0 ? "+" : v < 0 ? "−" : "", L = c === "percentage" ? 1 : 2, j = c === "percentage" ? "%" : "";
+      s = `${J}${Math.abs(v).toFixed(L)}${j}`;
     } else
-      c = "—";
-  let n;
-  R && w && (t > o ? n = "up" : t < o ? n = "down" : n = "neutral");
-  let g = L;
-  n === "up" ? g = E : n === "down" && (g = q);
-  const T = [
+      s = "—";
+  let t;
+  F && k && (o > n ? t = "up" : o < n ? t = "down" : t = "neutral");
+  let h = G;
+  t === "up" ? h = X : t === "down" && (h = Q);
+  const S = [
     "top-left",
     "top-right",
     "bottom-left",
     "bottom-right"
-  ].includes(d), $ = y && !!r && T, D = y && !!r && !T, P = JSON.stringify({
+  ].includes(d), O = C && !!r && S, U = C && !!r && !S, Z = JSON.stringify({
     metric: i.label,
     value: a,
-    change: c,
-    asOf: C
-  }), B = {
+    change: s,
+    asOf: m
+  }), H = {
     ...i,
-    variant: k,
-    layout: v,
-    changeType: l,
+    variant: $,
+    layout: w,
+    changeType: c,
     iconPosition: d,
     calculatedValue: a,
-    calculatedChange: c,
-    calculatedTrend: n,
+    calculatedSecondValue: p,
+    calculatedChange: s,
+    calculatedTrend: t,
     calculatedValueColor: M,
     calculatedValueBg: I,
-    hasData: V
+    hasData: A
   };
   return {
     refs: {},
     state: {
-      ownerState: B,
-      layout: v,
+      ownerState: H,
+      layout: w,
       calculatedValue: a,
-      calculatedChange: c,
-      TrendIcon: g,
+      calculatedSecondValue: p,
+      calculatedChange: s,
+      TrendIcon: h,
       Icon: r,
-      showCornerIcon: $,
-      showSideIcon: D,
+      showCornerIcon: O,
+      showSideIcon: U,
       iconPosition: d,
-      snapshotPayload: P
+      snapshotPayload: Z
     },
     actions: {}
   };
 };
 export {
-  W as useMetricCardLogic
+  ne as useMetricCardLogic
 };