@hybridcore/ui 1.6.5 → 1.6.7

package/dist/components/charts/stacked-area-radar/logic.js

@@ -1,17 +1,18 @@
-import { k as $, l as J, x as c, m as h, s as g, a as Ae, n as re, C as pe, G as K, o as ne, q as xe, t as L, y as C, j as le, z as oe, R as ve, A as ye, T as U } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as be, useTheme as Pe } from "@mui/material";
-import Re from "dayjs";
+import { k as $, l as J, x as c, m as h, s as g, a as xe, n as ne, C as ve, G as K, o as le, q as ye, t as L, y as C, j as oe, z as ue, R as be, A as Pe, T as U } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as Re, useTheme as _e } from "@mui/material";
+import we from "dayjs";
 import W from "lodash";
-import { useId as _e, useRef as we, useEffect as Te } from "react";
-import { colorSetFromPalette as Ce } from "../_common/utils.js";
-import { m as M, x as R, b as Q, f as m, p as w, a as N, P as Le, c as Y } from "../../../ColorSet-C7vpNXhM.js";
-import { a as I, X as de, V as Me } from "../../../AxisRenderer-DTyLLA6c.js";
-import { R as he, S as De, a as V } from "../../../Slice-B19rbYDZ.js";
-import { X as ge } from "../../../XYCursor-C8WktvKM.js";
-import { C as ue } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as ce } from "../../../LineSeries-Uiv5o56b.js";
-import { L as Ye } from "../../../Legend-Dp_MKfS4.js";
-class O extends he {
+import { useId as Te, useRef as Ce, useEffect as Le } from "react";
+import { humanizeLabel as de } from "../_common/format.js";
+import { applyValueFormat as Me, colorSetFromPalette as De } from "../_common/utils.js";
+import { m as M, x as R, b as Q, f as m, p as w, a as N, P as Ye, c as Y } from "../../../ColorSet-C7vpNXhM.js";
+import { a as I, X as ge, V as Ne } from "../../../AxisRenderer-DTyLLA6c.js";
+import { R as ce, S as Oe, a as V } from "../../../Slice-B19rbYDZ.js";
+import { X as fe } from "../../../XYCursor-C8WktvKM.js";
+import { C as he } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as me } from "../../../LineSeries-Uiv5o56b.js";
+import { L as Se } from "../../../Legend-Dp_MKfS4.js";
+class O extends ce {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tickPoints", {
       enumerable: !0,
@@ -31,7 +32,7 @@ Object.defineProperty(O, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: he.classNames.concat([O.className])
+  value: ce.classNames.concat([O.className])
 });
 class G extends I {
   constructor() {
@@ -46,7 +47,7 @@ class G extends I {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new $(J.new({}), () => De._new(this._root, {
+      value: this.addDisposer(new $(J.new({}), () => Oe._new(this._root, {
         themeTags: M(this.axisFills.template.get("themeTags", ["fill"]), this.get("themeTags", []))
       }, [this.axisFills.template])))
     }), Object.defineProperty(this, "_fillGenerator", {
@@ -408,7 +409,7 @@ Object.defineProperty(k, "classNames", {
   writable: !0,
   value: I.classNames.concat([k.className])
 });
-class Ne extends Ae {
+class Xe extends xe {
   setupDefaultRules() {
     super.setupDefaultRules();
     const e = this.rule.bind(this), t = this._root.interfaceColors;
@@ -467,23 +468,23 @@ class Ne extends Ae {
       const s = e("Graphics", ["clock", "hand"]);
       s.setAll({
         fillOpacity: 1
-      }), re(s, "fill", t, "alternativeBackground");
+      }), ne(s, "fill", t, "alternativeBackground");
     }
     {
       const s = e("Graphics", ["clock", "pin"]);
       s.setAll({
         fillOpacity: 1
-      }), re(s, "fill", t, "alternativeBackground");
+      }), ne(s, "fill", t, "alternativeBackground");
     }
   }
 }
-class B extends de {
+class B extends ge {
   constructor() {
     super(...arguments), Object.defineProperty(this, "radarContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.plotContainer.children.push(pe.new(this._root, { x: N, y: N }))
+      value: this.plotContainer.children.push(ve.new(this._root, { x: N, y: N }))
     }), Object.defineProperty(this, "_arcGenerator", {
       enumerable: !0,
       configurable: !0,
@@ -497,7 +498,7 @@ class B extends de {
     });
   }
   _afterNew() {
-    this._defaultThemes.push(Ne.new(this._root)), super._afterNew();
+    this._defaultThemes.push(Xe.new(this._root)), super._afterNew();
     const e = this.radarContainer, t = this.gridContainer, s = this.topGridContainer, i = this.seriesContainer, a = this.bulletsContainer;
     e.children.pushAll([t, i, s, a]), i.set("mask", K.new(this._root, {})), t.set("mask", K.new(this._root, {})), this._disposers.push(this.plotContainer.events.on("boundschanged", () => {
       this._updateRadius();
@@ -508,14 +509,14 @@ class B extends de {
   _prepareChildren() {
     if (super._prepareChildren(), this._sizeDirty || this.isDirty("radius") || this.isDirty("innerRadius") || this.isDirty("startAngle") || this.isDirty("endAngle")) {
       const e = this.chartContainer, t = e.innerWidth(), s = e.innerHeight(), i = this.get("startAngle", 0), a = this.get("endAngle", 0), r = this.get("innerRadius");
-      let n = ne(0, 0, i, a, 1);
+      let n = le(0, 0, i, a, 1);
       const l = t / (n.right - n.left), u = s / (n.bottom - n.top);
       let o = { left: 0, right: 0, top: 0, bottom: 0 };
-      if (r instanceof Le) {
+      if (r instanceof Ye) {
         let f = r.value, T = Math.min(l, u);
-        f = Math.max(T * f, T - Math.min(s, t)) / T, o = ne(0, 0, i, a, f), this.setPrivateRaw("irModifyer", f / r.value);
+        f = Math.max(T * f, T - Math.min(s, t)) / T, o = le(0, 0, i, a, f), this.setPrivateRaw("irModifyer", f / r.value);
       }
-      n = xe([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
+      n = ye([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
       const y = R(this.get("radius", 0), this._maxRadius);
       this.radarContainer.setAll({
         dy: -y * (n.bottom + n.top) / 2,
@@ -583,9 +584,9 @@ Object.defineProperty(B, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: de.classNames.concat([B.className])
+  value: ge.classNames.concat([B.className])
 });
-class F extends ge {
+class F extends fe {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_fillGenerator", {
       enumerable: !0,
@@ -661,7 +662,7 @@ class F extends ge {
       let n = this.getPrivate("radius"), l = this.getPrivate("innerRadius");
       n < l && ([n, l] = [l, n]);
       let u = a, o = r, y = n, f = l;
-      i && (s == "zoomXY" || s == "selectXY" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C, f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y)) : s == "zoomX" || s == "selectX" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C) : (s == "zoomY" || s == "selectY") && (f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y))), f = le(f, l, n), y = le(y, l, n), u = oe(u, a, r), o = oe(o, a, r), u == o && (o = u + 360), u *= c, o *= c, this._fillGenerator.context(t), this._fillGenerator({ innerRadius: f, outerRadius: y, startAngle: u + Math.PI / 2, endAngle: o + Math.PI / 2 });
+      i && (s == "zoomXY" || s == "selectXY" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C, f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y)) : s == "zoomX" || s == "selectX" ? (u = Math.atan2(i.y, i.x) * C, o = Math.atan2(e.y, e.x) * C) : (s == "zoomY" || s == "selectY") && (f = Math.hypot(i.x, i.y), y = Math.hypot(e.x, e.y))), f = oe(f, l, n), y = oe(y, l, n), u = ue(u, a, r), o = ue(o, a, r), u == o && (o = u + 360), u *= c, o *= c, this._fillGenerator.context(t), this._fillGenerator({ innerRadius: f, outerRadius: y, startAngle: u + Math.PI / 2, endAngle: o + Math.PI / 2 });
     });
   }
 }
@@ -675,9 +676,9 @@ Object.defineProperty(F, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ge.classNames.concat([F.className])
+  value: fe.classNames.concat([F.className])
 });
-class E extends ce {
+class E extends me {
   _afterNew() {
     super._afterNew(), this.set("maskContent", !1), this.bulletsContainer.set("maskContent", !1), this.bulletsContainer.set("mask", K.new(this._root, {}));
   }
@@ -718,10 +719,10 @@ Object.defineProperty(E, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ce.classNames.concat([E.className])
+  value: me.classNames.concat([E.className])
 });
-const We = (_) => {
-  const e = be({ props: _, name: "HCStackedAreaRadar" }), {
+const Qe = (_) => {
+  const e = Re({ props: _, name: "HCStackedAreaRadar" }), {
     dimensions: t,
     values: s,
     data: i,
@@ -730,15 +731,15 @@ const We = (_) => {
     colors: n,
     sx: l,
     ...u
-  } = e, o = Pe(), f = `hc-stacked-area-radar-${_e().replace(/:/g, "")}`, T = we(null);
+  } = e, o = _e(), f = `hc-stacked-area-radar-${Te().replace(/:/g, "")}`, T = Ce(null);
   let S = null;
-  t.length < 2 ? S = "StackedAreaRadar requires at least 2 dimensions" : s.length < 1 && (S = "StackedAreaRadar requires at least 1 value"), Te(() => {
+  t.length < 2 ? S = "StackedAreaRadar requires at least 2 dimensions" : s.length < 1 && (S = "StackedAreaRadar requires at least 1 value"), Le(() => {
     if (S) return;
     let z;
     return z = setTimeout(() => {
-      var ie, ae;
-      const d = ve.new(f);
-      T.current = d, d.setThemes([ye.new(d)]), d.interfaceColors.setAll({
+      var ie, ae, re;
+      const d = be.new(f);
+      T.current = d, Me(d, (ie = s == null ? void 0 : s[0]) == null ? void 0 : ie.format), d.setThemes([Pe.new(d)]), d.interfaceColors.setAll({
         text: Y(o.palette.text.primary),
         grid: Y(o.palette.divider),
         stroke: Y(o.palette.divider)
@@ -754,22 +755,22 @@ const We = (_) => {
           arrangeTooltips: !1
         })
       );
-      b.set("colors", Ce(d, n)), b.get("colors", {}).set("step", 2), b.set(
+      b.set("colors", De(d, n)), b.get("colors", {}).set("step", 2), b.set(
         "cursor",
         F.new(d, { behavior: "zoomX" })
       ).lineY.set("visible", !1);
-      const x = t[0], me = t[1];
+      const x = t[0], Ae = t[1];
       let v = [];
-      const q = W.groupBy(i, me.value);
-      Object.keys(q).forEach((A) => {
-        q[A].forEach((P) => {
-          const p = P[x.value], H = W.findIndex(v, { [x.value]: p });
+      const q = W.groupBy(i, Ae.value);
+      Object.keys(q).forEach((p) => {
+        q[p].forEach((P) => {
+          const A = P[x.value], H = W.findIndex(v, { [x.value]: A });
           H === -1 ? v.push({
-            [x.value]: p,
-            [A]: P[s[0].dataFieldName]
+            [x.value]: A,
+            [p]: P[s[0].dataFieldName]
           }) : v[H] = {
             ...v[H],
-            [A]: P[s[0].dataFieldName]
+            [p]: P[s[0].dataFieldName]
           };
         });
       });
@@ -789,22 +790,22 @@ const We = (_) => {
       });
       let D;
       if (x.type === "date") {
-        const A = (r == null ? void 0 : r.timeUnit) || "day";
+        const p = (r == null ? void 0 : r.timeUnit) || "day";
         let P = "DD/MM/YYYY";
-        A === "month" ? P = "MM YYYY" : A === "year" && (P = "YYYY"), D = b.xAxes.push(
-          ue.new(d, {
+        p === "month" ? P = "MM YYYY" : p === "year" && (P = "YYYY"), D = b.xAxes.push(
+          he.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
             renderer: X,
             tooltip: U.new(d, {})
           })
-        ), v = W.orderBy(v, [x.value]), v = v.map((p) => ({
-          ...p,
-          [x.value]: Re(p[x.value]).format(P)
+        ), v = W.orderBy(v, [x.value]), v = v.map((A) => ({
+          ...A,
+          [x.value]: we(A[x.value]).format(P)
         }));
       } else
         D = b.xAxes.push(
-          ue.new(d, {
+          he.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
             renderer: X,
@@ -814,27 +815,27 @@ const We = (_) => {
       const Z = k.new(d, {
         minGridDistance: 30
       }), ee = b.yAxes.push(
-        Me.new(d, { renderer: Z })
+        Ne.new(d, { renderer: Z })
       );
-      Z.grid.template.setAll({ strokeDasharray: [2, 2] }), (ie = D.get("renderer")) == null || ie.grid.template.setAll({
+      Z.grid.template.setAll({ strokeDasharray: [2, 2] }), (ae = D.get("renderer")) == null || ae.grid.template.setAll({
         stroke: Y(o.palette.divider),
         strokeOpacity: 1
-      }), (ae = ee.get("renderer")) == null || ae.grid.template.setAll({
+      }), (re = ee.get("renderer")) == null || re.grid.template.setAll({
         stroke: Y(o.palette.divider),
         strokeOpacity: 1
       });
       const te = [];
       let j = "";
       const se = Object.keys(q);
-      se.forEach((A, P) => {
+      se.forEach((p, P) => {
         j.length > 0 && (j += `
-`), j += `${A}: {${A}}`;
-        const p = b.series.push(
+`), j += `${de(p)}: {${p}}`;
+        const A = b.series.push(
           E.new(d, {
-            name: A,
+            name: de(p),
             xAxis: D,
             yAxis: ee,
-            valueYField: A,
+            valueYField: p,
             categoryXField: x.value,
             ...P === se.length - 1 && {
               stacked: !0,
@@ -842,9 +843,9 @@ const We = (_) => {
             }
           })
         );
-        p.strokes.template.setAll({ strokeOpacity: 0 }), p.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), p.data.setAll(v), p.appear(1e3), te.push(p);
+        A.strokes.template.setAll({ strokeOpacity: 0 }), A.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), A.data.setAll(v), A.appear(1e3), te.push(A);
       }), b.radarContainer.children.push(
-        Ye.new(d, {
+        Se.new(d, {
           width: 150,
           centerX: N,
           centerY: N
@@ -855,9 +856,9 @@ const We = (_) => {
       z && clearTimeout(z), (d = T.current) == null || d.dispose(), T.current = null;
     };
   }, [i, t, s, o.palette.mode, n]);
-  const fe = { ...e };
-  return { chartId: f, ownerState: fe, sx: l, error: S, other: u };
+  const pe = { ...e };
+  return { chartId: f, ownerState: pe, sx: l, error: S, other: u };
 };
 export {
-  We as useStackedAreaRadarLogic
+  Qe as useStackedAreaRadarLogic
 };

package/dist/components/charts/stacked-column-chart/logic.js

@@ -1,44 +1,45 @@
 import { R as q, A as I, T as R, L as N } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as P, useTheme as V } from "@mui/material";
+import { useThemeProps as P, useTheme as z } from "@mui/material";
 import H from "dayjs";
-import A from "lodash";
-import { useId as _, useRef as $, useEffect as z } from "react";
-import { colorSetFromPalette as G } from "../_common/utils.js";
-import { c as p, a as f, p as J } from "../../../ColorSet-C7vpNXhM.js";
-import { X as K, V as Q } from "../../../AxisRenderer-DTyLLA6c.js";
-import { A as W, a as Z } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as L } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as ee } from "../../../Legend-Dp_MKfS4.js";
-import { C as te } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { B as re } from "../../../Bullet-DVczI2TD.js";
-const Ye = (D) => {
+import v from "lodash";
+import { useId as _, useRef as $, useEffect as G } from "react";
+import { humanizeLabel as J } from "../_common/format.js";
+import { applyValueFormat as K, colorSetFromPalette as Q } from "../_common/utils.js";
+import { c as p, a as f, p as W } from "../../../ColorSet-C7vpNXhM.js";
+import { X as Z, V as ee } from "../../../AxisRenderer-DTyLLA6c.js";
+import { A as te, a as re } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as D } from "../../../CategoryAxis-CwnfaGc8.js";
+import { L as oe } from "../../../Legend-Dp_MKfS4.js";
+import { C as ae } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { B as se } from "../../../Bullet-DVczI2TD.js";
+const ve = (O) => {
   const w = P({
-    props: D,
+    props: O,
     name: "HCStackedColumnChart"
   }), {
-    dimensions: m,
-    values: d,
+    dimensions: d,
+    values: n,
     data: C,
-    initDelay: O = 0,
+    initDelay: b = 0,
     baseInterval: h,
     colors: k,
     sx: B,
     ...E
-  } = w, n = V(), T = `hc-stacked-column-chart-${_().replace(/:/g, "")}`, x = $(null);
+  } = w, l = z(), T = `hc-stacked-column-chart-${_().replace(/:/g, "")}`, x = $(null);
   let u = null;
-  m.length < 2 ? u = "StackedColumnChart requires at least 2 dimensions" : d.length < 1 && (u = "StackedColumnChart requires at least 1 value"), z(() => {
+  d.length < 2 ? u = "StackedColumnChart requires at least 2 dimensions" : n.length < 1 && (u = "StackedColumnChart requires at least 1 value"), G(() => {
     if (u) return;
-    let Y;
-    return Y = setTimeout(() => {
-      var F, S;
+    let y;
+    return y = setTimeout(() => {
+      var X, S, L;
       const e = q.new(T);
-      x.current = e, e.setThemes([I.new(e)]), e.interfaceColors.setAll({
-        text: p(n.palette.text.primary),
-        grid: p(n.palette.divider),
-        stroke: p(n.palette.divider)
+      x.current = e, K(e, (X = n == null ? void 0 : n[0]) == null ? void 0 : X.format), e.setThemes([I.new(e)]), e.interfaceColors.setAll({
+        text: p(l.palette.text.primary),
+        grid: p(l.palette.divider),
+        stroke: p(l.palette.divider)
       });
       const s = e.container.children.push(
-        K.new(e, {
+        Z.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -46,79 +47,79 @@ const Ye = (D) => {
           layout: e.verticalLayout
         })
       );
-      s.set("colors", G(e, k)), s.get("colors", {}).set("step", 2);
-      const g = W.new(e, {});
-      g.grid.template.setAll({ location: 1 });
-      const o = m[0], b = m[1];
-      let i, c = C;
+      s.set("colors", Q(e, k)), s.get("colors", {}).set("step", 2);
+      const Y = te.new(e, {});
+      Y.grid.template.setAll({ location: 1 });
+      const o = d[0], j = d[1];
+      let c, m = C;
       if (o.type === "date") {
         const t = (h == null ? void 0 : h.timeUnit) || "day";
         let a = "DD/MM/YYYY";
-        t === "month" ? a = "MM YYYY" : t === "year" && (a = "YYYY"), i = s.xAxes.push(
-          L.new(e, {
+        t === "month" ? a = "MM YYYY" : t === "year" && (a = "YYYY"), c = s.xAxes.push(
+          D.new(e, {
             categoryField: o.value,
-            renderer: g,
+            renderer: Y,
             tooltip: R.new(e, {})
           })
-        ), c = A.orderBy(c, [o.value]), c = c.map((r) => ({
+        ), m = v.orderBy(m, [o.value]), m = m.map((r) => ({
           ...r,
           [o.value]: H(r[o.value]).format(a)
         }));
       } else
-        i = s.xAxes.push(
-          L.new(e, {
+        c = s.xAxes.push(
+          D.new(e, {
             categoryField: o.value,
-            renderer: g,
+            renderer: Y,
             tooltip: R.new(e, {})
           })
         );
-      const l = [], v = A.groupBy(c, b.value);
-      Object.keys(v).forEach((t) => {
-        v[t].forEach((a) => {
-          const r = a[o.value], y = A.findIndex(l, { [o.value]: r });
-          y === -1 ? l.push({
+      const i = [], g = v.groupBy(m, j.value);
+      Object.keys(g).forEach((t) => {
+        g[t].forEach((a) => {
+          const r = a[o.value], A = v.findIndex(i, { [o.value]: r });
+          A === -1 ? i.push({
             [o.value]: r,
-            [t]: a[d[0].dataFieldName]
-          }) : l[y] = {
-            ...l[y],
-            [t]: a[d[0].dataFieldName]
+            [t]: a[n[0].dataFieldName]
+          }) : i[A] = {
+            ...i[A],
+            [t]: a[n[0].dataFieldName]
           };
         });
-      }), i.data.setAll(l);
-      const X = s.yAxes.push(
-        Q.new(e, {
+      }), c.data.setAll(i);
+      const F = s.yAxes.push(
+        ee.new(e, {
           min: 0,
-          renderer: Z.new(e, { strokeOpacity: 0.1 })
+          renderer: re.new(e, { strokeOpacity: 0.1 })
         })
-      ), j = s.children.push(
-        ee.new(e, {
+      ), U = s.children.push(
+        oe.new(e, {
           centerX: f,
           x: f
         })
       );
-      (F = i.get("renderer")) == null || F.grid.template.setAll({
-        stroke: p(n.palette.divider),
+      (S = c.get("renderer")) == null || S.grid.template.setAll({
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
-      }), (S = X.get("renderer")) == null || S.grid.template.setAll({
-        stroke: p(n.palette.divider),
+      }), (L = F.get("renderer")) == null || L.grid.template.setAll({
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
       });
-      function U(t, a) {
+      function V(t, a) {
         const r = s.series.push(
-          te.new(e, {
+          ae.new(e, {
             name: t,
             stacked: !0,
-            xAxis: i,
-            yAxis: X,
+            xAxis: c,
+            yAxis: F,
             valueYField: a,
             categoryXField: o.value
           })
         );
         r.columns.template.setAll({
           tooltipText: "{name}, {categoryX}: {valueY}",
-          tooltipY: J(10)
-        }), r.data.setAll(l), r.appear(), r.bullets.push(function() {
-          return re.new(e, {
+          tooltipY: W(10)
+        }), r.data.setAll(i), r.appear(), r.bullets.push(function() {
+          return se.new(e, {
             sprite: N.new(e, {
               fill: e.interfaceColors.get("alternativeText"),
               centerY: f,
@@ -126,17 +127,17 @@ const Ye = (D) => {
               populateText: !0
             })
           });
-        }), j.data.push(r);
+        }), U.data.push(r);
       }
-      Object.keys(v).forEach((t) => U(t, t)), s.appear(1e3, 100);
-    }, O), () => {
+      Object.keys(g).forEach((t) => V(J(t), t)), s.appear(1e3, 100);
+    }, b), () => {
       var e;
-      Y && clearTimeout(Y), (e = x.current) == null || e.dispose(), x.current = null;
+      y && clearTimeout(y), (e = x.current) == null || e.dispose(), x.current = null;
     };
-  }, [C, m, d, n.palette.mode, k]);
+  }, [C, d, n, l.palette.mode, k]);
   const M = { ...w };
   return { chartId: T, ownerState: M, sx: B, error: u, other: E };
 };
 export {
-  Ye as useStackedColumnChartLogic
+  ve as useStackedColumnChartLogic
 };