@hybridcore/ui 1.5.89 → 1.6.0

package/dist/components/charts/candlestick/logic.js

@@ -1,9 +1,16 @@
-import { R as M, L, T as k, m as T, i as V, b as G, A as S, X as j, c as H, g as O, V as R, d as N, f as _, p as z } from "../../../AxisRendererY-kADUad00.js";
-import { useThemeProps as E } from "@mui/material";
-import { useRef as A, useLayoutEffect as W, useEffect as U } from "react";
-import { X as Z, D as q } from "../../../DateAxis-CMum47iz.js";
-import { C as F } from "../../../ColumnSeries-BTcqshjB.js";
-class D extends M {
+import { k as N, l as M, R as B, A as I, T as G } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useTheme as U, useThemeProps as Z } from "@mui/material";
+import q from "lodash";
+import { useRef as P, useLayoutEffect as J, useEffect as K } from "react";
+import { m as S, e as j, c as X, p as Q } from "../../../ColorSet-C7vpNXhM.js";
+import { X as $, V as H } from "../../../AxisRenderer-DTyLLA6c.js";
+import { X as ee } from "../../../XYCursor-C8WktvKM.js";
+import { D as te } from "../../../DateAxis-YX3QNIB-.js";
+import { A as se, a as E } from "../../../AxisRendererY-C_ItLPNV.js";
+import { C as T } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { R as W } from "../../../RoundedRectangle-CWLi2PXn.js";
+import { D as z } from "../../../DataProcessor-CHDO51q4.js";
+class C extends W {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("lowX0") || this.isDirty("lowY0") || this.isDirty("lowX1") || this.isDirty("lowY1") || this.isDirty("highX0") || this.isDirty("highX1") || this.isDirty("highY0") || this.isDirty("highY1")) && (this._clear = !0);
   }
@@ -13,172 +20,189 @@ class D extends M {
     e.moveTo(this.get("lowX0", 0), this.get("lowY0", 0)), e.lineTo(this.get("lowX1", 0), this.get("lowY1", 0)), e.moveTo(this.get("highX0", 0), this.get("highY0", 0)), e.lineTo(this.get("highX1", 0), this.get("highY1", 0));
   }
 }
-Object.defineProperty(D, "className", {
+Object.defineProperty(C, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Candlestick"
 });
-Object.defineProperty(D, "classNames", {
+Object.defineProperty(C, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: M.classNames.concat([D.className])
+  value: W.classNames.concat([C.className])
 });
-class C extends F {
+class k extends T {
   constructor() {
     super(...arguments), Object.defineProperty(this, "columns", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new L(k.new({
+      value: this.addDisposer(new N(M.new({
         themeTags: ["autocolor"]
-      }), () => D._new(this._root, {
-        themeTags: T(this.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
+      }), () => C._new(this._root, {
+        themeTags: S(this.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
       }, [this.columns.template])))
     });
   }
   /**
    * @ignore
    */
-  makeColumn(e, t) {
-    const h = t.make();
-    return this.get("turboMode") ? h.virtualParent = this.chart : this.mainContainer.children.push(h), h._setDataItem(e), t.push(h), h;
+  makeColumn(e, i) {
+    const h = i.make();
+    return this.get("turboMode") ? h.virtualParent = this.chart : this.mainContainer.children.push(h), h._setDataItem(e), i.push(h), h;
   }
-  _updateGraphics(e, t, h) {
-    super._updateGraphics(e, t, h);
-    const m = this.getRaw("xAxis"), d = this.getRaw("yAxis");
-    let Y = this.get("vcy", 1), n = this.get("vcx", 1), c, x, u, l, g, p, w, a, o = this.get("locationX", e.get("locationX", 0.5)), r = this.get("locationY", e.get("locationY", 0.5)), s = this.get("openLocationX", e.get("openLocationX", o)), i = this.get("openLocationY", e.get("openLocationY", r)), b;
+  _updateGraphics(e, i, h) {
+    super._updateGraphics(e, i, h);
+    const m = this.getRaw("xAxis"), w = this.getRaw("yAxis");
+    let Y = this.get("vcy", 1), f = this.get("vcx", 1), l, x, r, o, c, u, p, d, s = this.get("locationX", e.get("locationX", 0.5)), g = this.get("locationY", e.get("locationY", 0.5)), y = this.get("openLocationX", e.get("openLocationX", s)), n = this.get("openLocationY", e.get("openLocationY", g)), b;
     if (h == 0) {
-      let y = d.getDataItemPositionY(e, this._yOpenField, 1, Y), f = d.getDataItemPositionY(e, this._yField, 1, Y);
-      l = d.getDataItemPositionY(e, this._yLowField, 1, Y), a = d.getDataItemPositionY(e, this._yHighField, 1, Y), w = Math.max(y, f), u = Math.min(y, f);
-      let X = this._aLocationX0 + s - 0.5, v = this._aLocationX1 + o - 0.5;
-      c = m.getDataItemPositionX(e, this._xField, X + (v - X) / 2, n), x = c, g = c, p = c, b = "vertical";
+      let t = w.getDataItemPositionY(e, this._yOpenField, 1, Y), a = w.getDataItemPositionY(e, this._yField, 1, Y);
+      o = w.getDataItemPositionY(e, this._yLowField, 1, Y), d = w.getDataItemPositionY(e, this._yHighField, 1, Y), p = Math.max(t, a), r = Math.min(t, a);
+      let v = this._aLocationX0 + y - 0.5, D = this._aLocationX1 + s - 0.5;
+      l = m.getDataItemPositionX(e, this._xField, v + (D - v) / 2, f), x = l, c = l, u = l, b = "vertical";
     } else {
-      let y = m.getDataItemPositionX(e, this._xOpenField, 1, n), f = m.getDataItemPositionX(e, this._xField, 1, n);
-      x = m.getDataItemPositionX(e, this._xLowField, 1, n), p = m.getDataItemPositionX(e, this._xHighField, 1, n), g = Math.max(y, f), c = Math.min(y, f);
-      let X = this._aLocationY0 + i - 0.5, v = this._aLocationY1 + r - 0.5;
-      u = d.getDataItemPositionY(e, this._yField, X + (v - X) / 2, Y), l = u, w = u, a = u, b = "horizontal";
+      let t = m.getDataItemPositionX(e, this._xOpenField, 1, f), a = m.getDataItemPositionX(e, this._xField, 1, f);
+      x = m.getDataItemPositionX(e, this._xLowField, 1, f), u = m.getDataItemPositionX(e, this._xHighField, 1, f), c = Math.max(t, a), l = Math.min(t, a);
+      let v = this._aLocationY0 + n - 0.5, D = this._aLocationY1 + g - 0.5;
+      r = w.getDataItemPositionY(e, this._yField, v + (D - v) / 2, Y), o = r, p = r, d = r, b = "horizontal";
     }
-    this._updateCandleGraphics(e, c, x, u, l, g, p, w, a, b);
+    this._updateCandleGraphics(e, l, x, r, o, c, u, p, d, b);
   }
-  _updateCandleGraphics(e, t, h, m, d, Y, n, c, x, u) {
-    let l = e.get("graphics");
-    if (l) {
-      let g = this.getPoint(t, m), p = this.getPoint(h, d), w = this.getPoint(Y, c), a = this.getPoint(n, x);
+  _updateCandleGraphics(e, i, h, m, w, Y, f, l, x, r) {
+    let o = e.get("graphics");
+    if (o) {
+      let c = this.getPoint(i, m), u = this.getPoint(h, w), p = this.getPoint(Y, l), d = this.getPoint(f, x);
       if (this.get("turboMode")) {
-        const o = this.allColumnsData[this.allColumnsData.length - 1];
-        o.lowX0 = g.x, o.lowY0 = g.y, o.lowX1 = p.x, o.lowY1 = p.y, o.highX0 = w.x, o.highY0 = w.y, o.highX1 = a.x, o.highY1 = a.y;
+        const s = this.allColumnsData[this.allColumnsData.length - 1];
+        s.lowX0 = c.x, s.lowY0 = c.y, s.lowX1 = u.x, s.lowY1 = u.y, s.highX0 = p.x, s.highY0 = p.y, s.highX1 = d.x, s.highY1 = d.y;
       } else {
-        let o = l.x(), r = l.y();
-        l.set("lowX0", g.x - o), l.set("lowY0", g.y - r), l.set("lowX1", p.x - o), l.set("lowY1", p.y - r), l.set("highX0", w.x - o), l.set("highY0", w.y - r), l.set("highX1", a.x - o), l.set("highY1", a.y - r), l.set("orientation", u);
-        let s = e.get("rangeGraphics");
-        s && V(s, (i) => {
-          i.set("lowX0", g.x - o), i.set("lowY0", g.y - r), i.set("lowX1", p.x - o), i.set("lowY1", p.y - r), i.set("highX0", w.x - o), i.set("highY0", w.y - r), i.set("highX1", a.x - o), i.set("highY1", a.y - r), i.set("orientation", u);
+        let s = o.x(), g = o.y();
+        o.set("lowX0", c.x - s), o.set("lowY0", c.y - g), o.set("lowX1", u.x - s), o.set("lowY1", u.y - g), o.set("highX0", p.x - s), o.set("highY0", p.y - g), o.set("highX1", d.x - s), o.set("highY1", d.y - g), o.set("orientation", r);
+        let y = e.get("rangeGraphics");
+        y && j(y, (n) => {
+          n.set("lowX0", c.x - s), n.set("lowY0", c.y - g), n.set("lowX1", u.x - s), n.set("lowY1", u.y - g), n.set("highX0", p.x - s), n.set("highY0", p.y - g), n.set("highX1", d.x - s), n.set("highY1", d.y - g), n.set("orientation", r);
         });
       }
     }
   }
   _afterColumnsDraw() {
     this.get("turboMode") && this.allColumns.set("draw", (e) => {
-      e.clear(), V(this.allColumnsData, (t) => {
+      e.clear(), j(this.allColumnsData, (i) => {
         e.beginPath();
-        const h = t.width, m = t.height, d = t.x, Y = t.y, n = t.stroke, c = t.fill, x = t.strokeWidth, u = t.strokeOpacity, l = t.fillOpacity, g = t.lowX0, p = t.lowY0, w = t.lowX1, a = t.lowY1, o = t.highX0, r = t.highY0, s = t.highX1, i = t.highY1;
-        e.beginFill(c, l), e.beginPath(), e.lineStyle(x, n, u), e.drawRect(d, Y, h, m), e.moveTo(g, p), e.lineTo(w, a), e.moveTo(o, r), e.lineTo(s, i), e.endStroke(), e.endFill();
+        const h = i.width, m = i.height, w = i.x, Y = i.y, f = i.stroke, l = i.fill, x = i.strokeWidth, r = i.strokeOpacity, o = i.fillOpacity, c = i.lowX0, u = i.lowY0, p = i.lowX1, d = i.lowY1, s = i.highX0, g = i.highY0, y = i.highX1, n = i.highY1;
+        e.beginFill(l, o), e.beginPath(), e.lineStyle(x, f, r), e.drawRect(w, Y, h, m), e.moveTo(c, u), e.lineTo(p, d), e.moveTo(s, g), e.lineTo(y, n), e.endStroke(), e.endFill();
       });
     });
   }
   _processAxisRange(e) {
-    super._processAxisRange(e), e.columns = new L(k.new({}), () => D._new(this._root, {
-      themeTags: T(e.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
+    super._processAxisRange(e), e.columns = new N(M.new({}), () => C._new(this._root, {
+      themeTags: S(e.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
     }, [this.columns.template, e.columns.template]));
   }
 }
-Object.defineProperty(C, "className", {
+Object.defineProperty(k, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "CandlestickSeries"
 });
-Object.defineProperty(C, "classNames", {
+Object.defineProperty(k, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: F.classNames.concat([C.className])
+  value: T.classNames.concat([k.className])
 });
-const $ = (P) => {
-  const e = E({
-    props: P,
+const me = (F) => {
+  const e = U(), i = Z({
+    props: F,
     name: "HCCandlestickChart"
   }), {
-    data: t,
-    seriesName: h,
-    height: m = "500px",
-    width: d = "100%",
-    chartId: Y = "candlestick-chart",
-    showVolume: n = !1,
-    risingColor: c = "#00b050",
-    fallingColor: x = "#ff3b30",
-    loading: u = !1,
-    emptyMessage: l = "No data available",
-    sx: g,
-    ...p
-  } = e, w = {
-    ...e,
-    height: m,
-    width: d,
-    chartId: Y,
-    showVolume: n,
-    risingColor: c,
-    fallingColor: x,
-    loading: u,
-    emptyMessage: l
-  }, a = A(null), o = A(null), r = A(null);
-  return W(() => {
-    if (!r.current) return;
-    const s = G.new(r.current);
-    o.current = s, s.setThemes([S.new(s)]);
-    const i = s.container.children.push(
-      j.new(s, {
+    data: h,
+    seriesName: m,
+    height: w = "100%",
+    width: Y = "100%",
+    chartId: f = "candlestick-chart",
+    showVolume: l = !1,
+    risingColor: x = e.palette.success.main,
+    fallingColor: r = e.palette.error.main,
+    loading: o = !1,
+    emptyMessage: c = "No data available",
+    baseInterval: u,
+    sx: p,
+    ...d
+  } = i, s = q.orderBy(h, ["date"]), g = {
+    ...i,
+    height: w,
+    width: Y,
+    chartId: f,
+    showVolume: l,
+    risingColor: x,
+    fallingColor: r,
+    loading: o,
+    emptyMessage: c,
+    baseInterval: u
+  }, y = P(null), n = P(null), b = P(null);
+  return J(() => {
+    var O, R, V;
+    if (!b.current) return;
+    const t = B.new(b.current);
+    n.current = t, t.setThemes([I.new(t)]), t.interfaceColors.setAll({
+      text: X(e.palette.text.primary),
+      grid: X(e.palette.divider),
+      stroke: X(e.palette.divider)
+    });
+    const a = t.container.children.push(
+      $.new(t, {
         panX: !0,
         panY: !0,
-        wheelX: "panX",
-        wheelY: "zoomX",
+        wheelX: "none",
+        wheelY: "none",
         pinchZoomX: !0,
-        layout: s.verticalLayout
+        layout: t.verticalLayout
       })
     );
-    a.current = i, i.set(
+    y.current = a, a.set(
       "cursor",
-      Z.new(s, {
+      ee.new(t, {
         behavior: "zoomX"
       })
     ).lineY.set("visible", !1);
-    const b = i.xAxes.push(
-      q.new(s, {
+    const v = a.xAxes.push(
+      te.new(t, {
         maxDeviation: 0.3,
         groupData: !0,
-        baseInterval: { timeUnit: "day", count: 1 },
-        renderer: H.new(s, {
+        baseInterval: u || { timeUnit: "day", count: 1 },
+        renderer: se.new(t, {
           minorGridEnabled: !0
         }),
-        tooltip: O.new(s, {})
+        tooltip: G.new(t, {})
       })
-    ), y = i.yAxes.push(
-      R.new(s, {
-        renderer: N.new(s, {})
+    ), D = a.yAxes.push(
+      H.new(t, {
+        renderer: E.new(t, {})
       })
-    ), f = i.series.push(
-      C.new(s, {
-        name: h || "Price",
-        xAxis: b,
-        yAxis: y,
+    );
+    (O = v.get("renderer")) == null || O.grid.template.setAll({
+      stroke: X(e.palette.divider),
+      strokeOpacity: 1
+    }), (R = v.get("renderer")) == null || R.labels.template.setAll({
+      paddingTop: 12
+    }), (V = D.get("renderer")) == null || V.grid.template.setAll({
+      stroke: X(e.palette.divider),
+      strokeOpacity: 1
+    });
+    const _ = a.series.push(
+      k.new(t, {
+        name: m || "Price",
+        xAxis: v,
+        yAxis: D,
         valueXField: "date",
         openValueYField: "open",
         highValueYField: "high",
         lowValueYField: "low",
         valueYField: "close",
-        tooltip: O.new(s, {
+        tooltip: G.new(t, {
           labelText: `
           Open: {openValueY}
           High: {highValueY}
@@ -189,61 +213,67 @@ const $ = (P) => {
         })
       })
     );
-    f.columns.template.states.create("riseFromPrevious", {
-      fill: _(c),
-      stroke: _(c)
-    }), f.columns.template.states.create("dropFromPrevious", {
-      fill: _(x),
-      stroke: _(x)
+    _.columns.template.states.create("riseFromPrevious", {
+      fill: X(x),
+      stroke: X(x)
+    }), _.columns.template.states.create("dropFromPrevious", {
+      fill: X(r),
+      stroke: X(r)
+    }), _.data.processor = z.new(t, {
+      dateFormat: "i",
+      dateFields: ["date"]
     });
-    let X = null, v = null;
-    return n && (v = i.yAxes.push(
-      R.new(s, {
-        renderer: N.new(s, {
+    let A = null, L = null;
+    return l && (L = a.yAxes.push(
+      H.new(t, {
+        renderer: E.new(t, {
           opposite: !0
         }),
         numberFormat: "#a"
       })
-    ), X = i.series.push(
-      F.new(s, {
+    ), A = a.series.push(
+      T.new(t, {
         name: "Volume",
-        xAxis: b,
-        yAxis: v,
+        xAxis: v,
+        yAxis: L,
         valueYField: "volume",
         valueXField: "date",
-        fill: _("#2962ff"),
-        stroke: _("#2962ff"),
+        fill: X("#2962ff"),
+        stroke: X("#2962ff"),
         opacity: 0.6
       })
-    ), X.columns.template.setAll({
-      width: z(80)
-    })), f.data.setAll(t), n && X && X.data.setAll(t), i.appear(1e3), f.appear(1e3), () => {
-      s.dispose();
+    ), A.columns.template.setAll({
+      width: Q(80)
+    }), A.data.processor = z.new(t, {
+      dateFormat: "i",
+      dateFields: ["date"]
+    })), _.data.setAll(s), l && A && A.data.setAll(s), a.appear(1e3), _.appear(1e3), () => {
+      t.dispose();
     };
-  }, []), U(() => {
-    if (a.current && o.current) {
-      const s = a.current.series.getIndex(
+  }, [e.palette.mode]), K(() => {
+    if (y.current && n.current) {
+      const t = y.current.series.getIndex(
         0
-      ), i = n ? a.current.series.getIndex(1) : null;
-      s == null || s.data.setAll(t), i == null || i.data.setAll(t);
+      ), a = l ? y.current.series.getIndex(1) : null;
+      t == null || t.data.setAll(s), a == null || a.data.setAll(s);
     }
-  }, [t, n]), {
-    chartDivRef: r,
-    data: t,
-    seriesName: h,
-    height: m,
-    width: d,
-    chartId: Y,
-    showVolume: n,
-    risingColor: c,
-    fallingColor: x,
-    loading: u,
-    emptyMessage: l,
-    sx: g,
-    other: p,
-    ownerState: w
+  }, [s, l]), {
+    chartDivRef: b,
+    data: h,
+    seriesName: m,
+    height: w,
+    width: Y,
+    chartId: f,
+    showVolume: l,
+    risingColor: x,
+    fallingColor: r,
+    loading: o,
+    emptyMessage: c,
+    sx: p,
+    other: d,
+    ownerState: g
   };
 };
 export {
-  $ as useCandlestickChartLogic
+  me as useCandlestickChartLogic
 };

package/dist/components/charts/chart-wrapper/helpers.js

@@ -0,0 +1,27 @@
+import { camelCase as d, uniqBy as f } from "lodash";
+const D = (i) => {
+  const t = /* @__PURE__ */ new Map(), s = [], r = [];
+  return i.forEach((a, n) => {
+    const m = a.label, o = (a.propertyId ?? d(a.label)) + n, c = [{ type: "date", value: "t" }];
+    s.push({
+      dataFieldName: o,
+      fieldName: o,
+      name: m,
+      operator: "count"
+    }), r.push(...c), a.type === "TIMESERIES" && Array.isArray(a.points) && a.points.forEach((l) => {
+      const e = l.t;
+      t.has(e) || t.set(e, { t: e });
+      const p = t.get(e);
+      p[o] = l.v;
+    });
+  }), {
+    data: Array.from(t.values()).sort(
+      (a, n) => new Date(a.t).getTime() - new Date(n.t).getTime()
+    ),
+    values: s,
+    dimensions: f(r, "value")
+  };
+};
+export {
+  D as adaptTemporalData
+};

package/dist/components/charts/chart-wrapper/index.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Typography as n, Divider as l } from "@mui/material";
+import { CandlestickChart as C } from "../candlestick/index.js";
+import { ColumnLineMix as h } from "../column-line-mix/index.js";
+import { DrillDownTreemap as c } from "../drill-down-treemap/index.js";
+import { DrillDownVoronoiTreemap as d } from "../drill-down-voronoi-treemap/index.js";
+import { Heatmap as f } from "../heatmap/index.js";
+import { LineChart as s } from "../line/index.js";
+import { LogaritmicScale as u } from "../logaritmic-scale/index.js";
+import { MultipleValueAxes as L } from "../multiple-value-axes/index.js";
+import { NestedPie as x } from "../nested-pie/index.js";
+import { PackedCircles as D } from "../packed-circles/index.js";
+import { PieChart as k } from "../pie-chart/index.js";
+import { StackedAreaRadar as S } from "../stacked-area-radar/index.js";
+import { StackedColumnChart as g } from "../stacked-column-chart/index.js";
+import { XYChart as P } from "../xy-chart/index.js";
+import { useChartWrapperLogic as w } from "./logic.js";
+import { ChartWrapperRoot as A, ChartWrapperHeader as T, ChartWrapperContent as W } from "./styled.js";
+function J(a) {
+  const { title: m, type: e, chartProps: o, ownerState: t, sx: p } = w(a);
+  return /* @__PURE__ */ i(A, { ownerState: t, sx: p, children: [
+    /* @__PURE__ */ r(T, { ownerState: t, children: /* @__PURE__ */ r(n, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: m }) }),
+    /* @__PURE__ */ r(l, {}),
+    /* @__PURE__ */ i(W, { ownerState: t, children: [
+      e === "MultipleValueAxes" && /* @__PURE__ */ r(L, { ...o }),
+      e === "XYChart" && /* @__PURE__ */ r(P, { ...o }),
+      e === "HeatLegend" && /* @__PURE__ */ r(f, { ...o }),
+      e === "PieChart" && /* @__PURE__ */ r(k, { ...o }),
+      e === "StackedColumnChart" && /* @__PURE__ */ r(g, { ...o }),
+      e === "StackedAreaRadar" && /* @__PURE__ */ r(S, { ...o }),
+      e === "LineChart" && /* @__PURE__ */ r(s, { ...o }),
+      e === "NestedPie" && /* @__PURE__ */ r(x, { ...o }),
+      e === "SingleLevelPackedCircles" && /* @__PURE__ */ r(D, { ...o }),
+      e === "LogarithmicScale" && /* @__PURE__ */ r(u, { ...o }),
+      e === "ColumnAndLineMix" && /* @__PURE__ */ r(h, { ...o }),
+      e === "DrillDownTreemap" && /* @__PURE__ */ r(c, { ...o }),
+      e === "DrillDownVoronoiTreemap" && /* @__PURE__ */ r(d, { ...o }),
+      e === "CandlestickChart" && /* @__PURE__ */ r(C, { ...o })
+    ] })
+  ] });
+}
+export {
+  J as ChartWrapper
+};

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

@@ -0,0 +1,47 @@
+import { useThemeProps as v } from "@mui/material";
+import { useMemo as P } from "react";
+import { adaptTemporalData as g } from "./helpers.js";
+const x = (l) => {
+  const n = v({ props: l, name: "HCChartWrapper" }), {
+    title: m,
+    description: d,
+    type: c,
+    interval: i,
+    data: a = [],
+    dimensions: s = [],
+    values: p = [],
+    series: r = [],
+    sx: f,
+    ...u
+  } = n, h = {
+    ...P(() => {
+      let t = { data: a, dimensions: s, values: p };
+      if (s.length > 0) {
+        const o = s.find((e) => e.type === "date");
+        if (o) {
+          let e = o.value.split("/")[1] || i || "day";
+          e === "1M" ? e = "month" : e === "1W" ? e = "week" : e === "1D" ? e = "day" : e === "1Y" && (e = "year"), t = {
+            ...t,
+            baseInterval: { timeUnit: e, count: 1 }
+          };
+        }
+      } else if (r.length > 0) {
+        const o = g(r);
+        t = { ...t, ...o };
+      }
+      return t;
+    }, [i, a, s, p, r]),
+    ...u
+  }, y = { ...n };
+  return {
+    title: m,
+    description: d,
+    type: c,
+    chartProps: h,
+    ownerState: y,
+    sx: f
+  };
+};
+export {
+  x as useChartWrapperLogic
+};

package/dist/components/charts/chart-wrapper/styled.js

@@ -0,0 +1,44 @@
+import { styled as t, Paper as e, Box as r } from "@mui/material";
+const p = t(e, {
+  name: "HCChartWrapper",
+  slot: "Root",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(() => ({
+  height: "100%",
+  display: "flex",
+  flexDirection: "column"
+})), n = t(r, {
+  name: "HCChartWrapper",
+  slot: "Header",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(({ theme: o }) => ({
+  flex: "0 0 auto",
+  padding: o.spacing(1.25, 2)
+})), d = t(r, {
+  name: "HCChartWrapper",
+  slot: "Content",
+  shouldForwardProp: (o) => o !== "ownerState"
+})(({ theme: o }) => ({
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 auto",
+  minHeight: 0,
+  paddingBottom: 0,
+  // hide amcharts logo
+  "&:after": {
+    content: '""',
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    width: 70,
+    height: 20,
+    background: o.palette.background.paper,
+    borderRadius: o.shape.borderRadius
+  }
+}));
+export {
+  d as ChartWrapperContent,
+  n as ChartWrapperHeader,
+  p as ChartWrapperRoot
+};

package/dist/components/charts/column-line-mix/index.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useColumnLineMixLogic as m } from "./logic.js";
+import { ColumnLineMixRoot as h } from "./styled.js";
+function d(i) {
+  const { chartId: t, ownerState: r, sx: e, other: n } = m(i);
+  return /* @__PURE__ */ o(h, { ownerState: r, sx: e, ...n, children: /* @__PURE__ */ o("div", { id: t, style: { width: "100%", height: "100%" } }) });
+}
+export {
+  d as ColumnLineMix
+};