@hybridcore/ui 1.6.9 → 1.6.11

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

@@ -1,41 +1,43 @@
-import { R as I, A as M } from "../../../AnimatedTheme-BOKdw2Oy.js";
-import { useThemeProps as O, useTheme as P } from "@mui/material";
-import k from "lodash";
-import { useId as V, useRef as z, useEffect as E } from "react";
-import { humanizeLabel as C } from "../_common/format.js";
+import { R as M, A as O } from "../../../AnimatedTheme-D3VZKKNV.js";
+import { useThemeProps as E, useTheme as P } from "@mui/material";
+import C from "lodash";
+import { useId as V, useRef as z, useEffect as G } from "react";
+import { humanizeLabel as b } from "../_common/format.js";
 import { attachCombinedAxisTooltip as N } from "../_common/tooltip.js";
 import { colorSetFromPalette as W, applyValueFormat as q } from "../_common/utils.js";
-import { c as l, p as H, a as b } from "../../../Entity-CCUIdRAr.js";
-import { X as U, V as _ } from "../../../AxisRenderer-lUbezuh7.js";
-import { S as $ } from "../../../Scrollbar-BzSBcIUt.js";
-import { D as j } from "../../../DateAxis-zNtbSVjW.js";
-import { A as X, a as G } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as J } from "../../../CategoryAxis-B8KQp1pE.js";
-import { C as K } from "../../../ColumnSeries-rgnGm-Bg.js";
-import { D as L } from "../../../DataProcessor-CvIe9BVn.js";
-import { L as Q } from "../../../LineSeries-BLFvwrLT.js";
-import { B as Z } from "../../../Bullet-PgoNb3Jv.js";
-import { C as ee } from "../../../Circle-BWRdiMpG.js";
-import { X as te } from "../../../XYCursor-gHAo40xC.js";
-import { L as re } from "../../../Legend-kbCFjJAW.js";
-const Xe = (D) => {
-  const f = O({ props: D, name: "HCColumnLineMix" }), {
+import { c as l, p as H, a as X } from "../../../Entity-4Lr2piVN.js";
+import { X as U, V as _ } from "../../../AxisRenderer-Doyw-FTI.js";
+import { S as $ } from "../../../Scrollbar-CSoXoZSe.js";
+import { A as D, a as j } from "../../../AxisRendererY-BylCU67e.js";
+import { C as J } from "../../../CategoryAxis-B5uTZjhL.js";
+import { C as K } from "../../../ColumnSeries-CqJ-563p.js";
+import { D as L } from "../../../DataProcessor-WXzhvIg6.js";
+import { L as Q } from "../../../LineSeries-Dg1aytHA.js";
+import { B as Z } from "../../../Bullet-C6357hTv.js";
+import { C as ee } from "../../../Circle-DhzVdFBd.js";
+import { X as te } from "../../../XYCursor-Z-Ral42q.js";
+import { L as re } from "../../../Legend-CTb6rZz_.js";
+import { G as oe } from "../../../GaplessDateAxis-DowssQ6y.js";
+import { D as ae } from "../../../DateAxis-lJZjbAS-.js";
+const Ye = (Y) => {
+  const f = E({ props: Y, name: "HCColumnLineMix" }), {
     dimensions: t,
     values: n,
     data: p,
-    initDelay: Y = 0,
+    initDelay: S = 0,
     baseInterval: h,
     colors: x,
-    sx: S,
-    ...T
-  } = f, s = P(), A = `hc-column-line-mix-${V().replace(/:/g, "")}`, d = z(null), g = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
-  E(() => {
-    if (g) return;
+    skipEmptyDates: A = !1,
+    sx: T,
+    ...R
+  } = f, s = P(), g = `hc-column-line-mix-${V().replace(/:/g, "")}`, d = z(null), y = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
+  G(() => {
+    if (y) return;
     let c;
     return c = setTimeout(() => {
-      var y, w, v, F;
-      const e = I.new(A);
-      d.current = e, e.setThemes([M.new(e)]), e.interfaceColors.setAll({
+      var w, v, F, k;
+      const e = M.new(g);
+      d.current = e, e.setThemes([O.new(e)]), e.interfaceColors.setAll({
         text: l(s.palette.text.primary),
         grid: l(s.palette.divider),
         stroke: l(s.palette.divider)
@@ -56,43 +58,48 @@ const Xe = (D) => {
         $.new(e, { orientation: "horizontal" })
       );
       let a, m = p;
-      t[0].type === "date" ? (m = k.orderBy(p, [t[0].value]), a = r.xAxes.push(
-        j.new(e, {
-          maxDeviation: 0.1,
-          groupData: !1,
-          baseInterval: h || { timeUnit: "day", count: 1 },
-          renderer: X.new(e, {})
-        })
-      ), (y = a.get("renderer")) == null || y.grid.template.setAll({
-        stroke: l(s.palette.divider),
-        strokeOpacity: 1
-      })) : (a = r.xAxes.push(
-        J.new(e, {
-          categoryField: t[0].value,
-          renderer: X.new(e, {})
-        })
-      ), (w = a.get("renderer")) == null || w.grid.template.setAll({
-        stroke: l(s.palette.divider),
-        strokeOpacity: 1
-      }), e.numberFormatter.setAll({
-        numberFormat: "#",
-        numericFields: ["valueX"]
-      }), m = k.orderBy(p, [t[0].value]), a.data.setAll(m));
+      if (t[0].type === "date") {
+        m = C.orderBy(p, [t[0].value]);
+        const i = A ? oe : ae;
+        a = r.xAxes.push(
+          i.new(e, {
+            maxDeviation: 0.1,
+            groupData: !1,
+            baseInterval: h || { timeUnit: "day", count: 1 },
+            renderer: D.new(e, {})
+          })
+        ), (w = a.get("renderer")) == null || w.grid.template.setAll({
+          stroke: l(s.palette.divider),
+          strokeOpacity: 1
+        });
+      } else
+        a = r.xAxes.push(
+          J.new(e, {
+            categoryField: t[0].value,
+            renderer: D.new(e, {})
+          })
+        ), (v = a.get("renderer")) == null || v.grid.template.setAll({
+          stroke: l(s.palette.divider),
+          strokeOpacity: 1
+        }), e.numberFormatter.setAll({
+          numberFormat: "#",
+          numericFields: ["valueX"]
+        }), m = C.orderBy(p, [t[0].value]), a.data.setAll(m);
       const u = r.yAxes.push(
         _.new(e, {
           min: 0,
           extraMax: 0.1,
-          renderer: G.new(e, { strokeOpacity: 0.1 })
+          renderer: j.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (v = u.get("renderer")) == null || v.grid.template.setAll({
+      (F = u.get("renderer")) == null || F.grid.template.setAll({
         stroke: l(s.palette.divider),
         strokeOpacity: 1
-      }), n.forEach((i, B) => {
-        if (B === 0) {
+      }), n.forEach((i, I) => {
+        if (I === 0) {
           const o = r.series.push(
             K.new(e, {
-              name: i.label ?? C(i.name),
+              name: i.label ?? b(i.name),
               xAxis: a,
               yAxis: u,
               valueYField: i.dataFieldName,
@@ -109,7 +116,7 @@ const Xe = (D) => {
         } else {
           const o = r.series.push(
             Q.new(e, {
-              name: i.label ?? C(i.name),
+              name: i.label ?? b(i.name),
               xAxis: a,
               yAxis: u,
               valueYField: i.dataFieldName,
@@ -146,18 +153,18 @@ const Xe = (D) => {
         follow: !0
       }), r.children.push(
         re.new(e, {
-          centerX: b,
-          x: b
+          centerX: X,
+          x: X
         })
-      ).data.setAll(r.series.values), q(e, (F = n == null ? void 0 : n[0]) == null ? void 0 : F.format), r.appear(1e3, 100);
-    }, Y), () => {
+      ).data.setAll(r.series.values), q(e, (k = n == null ? void 0 : n[0]) == null ? void 0 : k.format), r.appear(1e3, 100);
+    }, S), () => {
       var e;
       c && clearTimeout(c), (e = d.current) == null || e.dispose(), d.current = null;
     };
-  }, [p, t, n, s.palette.mode, x]);
-  const R = { ...f };
-  return { chartId: A, ownerState: R, sx: S, error: g, other: T };
+  }, [p, t, n, s.palette.mode, x, A]);
+  const B = { ...f };
+  return { chartId: g, ownerState: B, sx: T, error: y, other: R };
 };
 export {
-  Xe as useColumnLineMixLogic
+  Ye as useColumnLineMixLogic
 };

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

@@ -1,11 +1,11 @@
-import { R as P, A } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as P, A } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as C, useTheme as D } from "@mui/material";
 import F from "dayjs";
 import { useId as R, useRef as L, useEffect as I } from "react";
 import { applyValueFormat as S, colorSetFromPalette as b } from "../_common/utils.js";
-import { P as E, a as N } from "../../../PieSeries-3iLRbqFv.js";
-import { p as m, c as u } from "../../../Entity-CCUIdRAr.js";
-import { L as j } from "../../../Legend-kbCFjJAW.js";
+import { P as E, a as N } from "../../../PieSeries-C9YUWMnA.js";
+import { p as m, c as u } from "../../../Entity-4Lr2piVN.js";
+import { L as j } from "../../../Legend-CTb6rZz_.js";
 const K = (y) => {
   const p = C({ props: y, name: "HCDonutChart" }), {
     dimensions: t,

package/dist/components/charts/drill-down-treemap/logic.js

@@ -1,13 +1,13 @@
-import { R as W, T as E, A as Z } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as W, T as E, A as Z } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as $, useTheme as G } from "@mui/material";
 import J from "dayjs";
 import K from "lodash";
 import { useId as Q, useRef as U, useEffect as ee } from "react";
 import { applyValueFormat as te, colorSetFromPalette as ie } from "../_common/utils.js";
-import { C as x, a as F, b as I, L as ae } from "../../../Tooltip-A_HlttXp.js";
-import { m as M, f as O, e as j, p as C } from "../../../Entity-CCUIdRAr.js";
-import { a as ne, H as X } from "../../../Hierarchy-CCvGsF1A.js";
-import { R as z } from "../../../RoundedRectangle-CqMMmPM0.js";
+import { C as x, a as F, b as I, L as ae } from "../../../Tooltip-RhAldW7s.js";
+import { m as M, f as O, e as j, p as C } from "../../../Entity-4Lr2piVN.js";
+import { a as ne, H as X } from "../../../Hierarchy-DPEcTr0v.js";
+import { R as z } from "../../../RoundedRectangle-B23Oh_r6.js";
 import { r as se, c as R, a as L } from "../../../constant-BiOGvlZc.js";
 class Y extends x {
   constructor() {

package/dist/components/charts/drill-down-voronoi-treemap/logic.js

@@ -1,13 +1,13 @@
-import { R as ve, T as de, A as xe } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as ve, T as de, A as xe } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as we, useTheme as me } from "@mui/material";
 import ye from "dayjs";
 import be from "lodash";
 import { useId as Ce, useRef as Ae, useEffect as Pe } from "react";
 import { applyValueFormat as _e, colorSetFromPalette as ze } from "../_common/utils.js";
-import { e as Zt, y as ht, m as De, a as lt, c as Ht, b as Vt } from "../../../Entity-CCUIdRAr.js";
-import { Z as Ee } from "../../../ZoomableContainer-Brs1wHM1.js";
-import { H as Kt } from "../../../Hierarchy-CCvGsF1A.js";
-import { G as Jt, a as Te, b as Ne } from "../../../Tooltip-A_HlttXp.js";
+import { e as Zt, B as ht, m as De, a as lt, c as Ht, b as Vt } from "../../../Entity-4Lr2piVN.js";
+import { Z as Ee } from "../../../ZoomableContainer-D1laxHnA.js";
+import { H as Kt } from "../../../Hierarchy-DPEcTr0v.js";
+import { G as Jt, a as Te, b as Ne } from "../../../Tooltip-RhAldW7s.js";
 import { c as K, g as ke, a as Ie } from "../../../_commonjsHelpers-BVfed4GL.js";
 class pt extends Jt {
   constructor() {

package/dist/components/charts/forecast-cone/index.js

@@ -0,0 +1,52 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useForecastConeChartLogic as h } from "./logic.js";
+import { ForecastConeChartRoot as f } from "./styled.js";
+const x = (o) => {
+  const { chartDivRef: r, data: n, chartId: i, loading: t, emptyMessage: s, sx: a, other: c, ownerState: l } = h(o);
+  return /* @__PURE__ */ d(f, { ownerState: l, sx: a, ...c, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: r,
+        id: i,
+        style: { width: "100%", height: "100%" }
+      }
+    ),
+    t && /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          background: "rgba(255,255,255,0.8)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: "1.2rem",
+          color: "#555",
+          zIndex: 10
+        },
+        children: "Loading..."
+      }
+    ),
+    !t && n.length === 0 && /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "#999",
+          fontSize: "1.1rem",
+          zIndex: 10
+        },
+        children: s
+      }
+    )
+  ] });
+};
+export {
+  x as ForecastConeChart
+};

package/dist/components/charts/forecast-cone/logic.js

@@ -0,0 +1,331 @@
+import { R as ye, A as ge } from "../../../AnimatedTheme-D3VZKKNV.js";
+import { useTheme as we, useThemeProps as xe } from "@mui/material";
+import Fe from "lodash";
+import { useRef as j, useLayoutEffect as Ae } from "react";
+import { getTooltipDateFormat as Ne, attachCursorTooltip as ke } from "../_common/tooltip.js";
+import { applyValueFormat as De } from "../_common/utils.js";
+import { c as d, a as se } from "../../../Entity-4Lr2piVN.js";
+import { X as Te, V as Oe } from "../../../AxisRenderer-Doyw-FTI.js";
+import { X as Xe } from "../../../XYCursor-Z-Ral42q.js";
+import { D as Ie } from "../../../DateAxis-lJZjbAS-.js";
+import { A as Pe, a as Ce } from "../../../AxisRendererY-BylCU67e.js";
+import { L as Ye } from "../../../Legend-CTb6rZz_.js";
+import { L } from "../../../LineSeries-Dg1aytHA.js";
+import { D as je } from "../../../DataProcessor-WXzhvIg6.js";
+class Se {
+  constructor(e, s) {
+    Object.defineProperty(this, "_line", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_point", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_context", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "_x0", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_x1", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_y0", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_y1", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_t0", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "_tension", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), this._context = e, this._tension = s;
+  }
+  areaStart() {
+    this._line = 0;
+  }
+  areaEnd() {
+    this._line = NaN;
+  }
+  lineStart() {
+    this._x0 = this._x1 = this._y0 = this._y1 = this._t0 = NaN, this._point = 0;
+  }
+  lineEnd() {
+    switch (this._point) {
+      case 2:
+        this._context.lineTo(this._x1, this._y1);
+        break;
+      case 3:
+        S(this, this._t0, ne(this, this._t0));
+        break;
+    }
+    (this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
+  }
+  point(e, s) {
+    let o = NaN;
+    if (e = +e, s = +s, !(e === this._x1 && s === this._y1)) {
+      switch (this._point) {
+        case 0:
+          this._point = 1, this._line ? this._context.lineTo(e, s) : this._context.moveTo(e, s);
+          break;
+        case 1:
+          this._point = 2;
+          break;
+        case 2:
+          this._point = 3, S(this, ne(this, o = ae(this, e, s)), o);
+          break;
+        default:
+          S(this, this._t0, o = ae(this, e, s));
+          break;
+      }
+      this._x0 = this._x1, this._x1 = e, this._y0 = this._y1, this._y1 = s, this._t0 = o;
+    }
+  }
+}
+function oe(r) {
+  function e(s) {
+    return new Se(s, r);
+  }
+  return e;
+}
+function ie(r) {
+  return r < 0 ? -1 : 1;
+}
+function ae(r, e, s) {
+  let o = r._x1 - r._x0, l = e - r._x1, a = (r._y1 - r._y0) / (o || l < 0 && -0), n = (s - r._y1) / (l || o < 0 && -0), p = (a * l + n * o) / (o + l);
+  return (ie(a) + ie(n)) * Math.min(Math.abs(a), Math.abs(n), 0.5 * Math.abs(p)) || 0;
+}
+function ne(r, e) {
+  let s = r._x1 - r._x0;
+  return s ? (3 * (r._y1 - r._y0) / s - e) / 2 : e;
+}
+function S(r, e, s) {
+  let o = r._x0, l = r._y0, a = r._x1, n = r._y1, p = (a - o) / 1.5 * (1 - r._tension);
+  r._context.bezierCurveTo(o + p, l + p * e, a - p, n - p * s, a, n);
+}
+class w extends L {
+  _afterNew() {
+    this._setDefault("curveFactory", oe(this.get("tension", 0.5))), super._afterNew();
+  }
+  _updateChildren() {
+    this.isDirty("tension") && (this.set("curveFactory", oe(this.get("tension", 0.5))), this._valuesDirty = !0), super._updateChildren();
+  }
+}
+Object.defineProperty(w, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "SmoothedXLineSeries"
+});
+Object.defineProperty(w, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: L.classNames.concat([w.className])
+});
+const Le = [
+  { lowerField: "low95", upperField: "high95", label: "95% expected move" },
+  { lowerField: "low68", upperField: "high68", label: "68% expected move" }
+], Re = [0.15, 0.3, 0.45], $e = {
+  millisecond: 1,
+  second: 1e3,
+  minute: 6e4,
+  hour: 36e5,
+  day: 864e5,
+  week: 6048e5,
+  month: 2592e6,
+  year: 31536e6
+}, tt = (r) => {
+  const e = we(), s = xe({ props: r, name: "HCForecastCone" }), {
+    data: o = [],
+    dateField: l = "date",
+    historyField: a = "close",
+    centreField: n = "center",
+    bands: p = Le,
+    nowValue: k,
+    color: R = e.palette.warning.main,
+    baseInterval: $,
+    chartId: V = "forecast-cone-chart",
+    height: le = "100%",
+    width: ue = "100%",
+    loading: M = !1,
+    emptyMessage: E = "No data available",
+    sx: ce,
+    ...pe
+  } = s, u = Fe.orderBy(o, [l]).map((t) => ({ ...t })), y = u.findIndex(
+    (t) => t[n] !== null && t[n] !== void 0
+  );
+  y > 0 && (u[y][a] === null || u[y][a] === void 0) && (u[y][a] = u[y][n]);
+  const he = {
+    ...s,
+    height: le,
+    width: ue,
+    chartId: V,
+    loading: M,
+    emptyMessage: E,
+    baseInterval: $
+  }, B = j(null), H = j(null), D = j(null);
+  return Ae(() => {
+    var q, G, J;
+    if (!D.current) return;
+    const t = ye.new(D.current);
+    H.current = t, t.setThemes([ge.new(t)]), t.interfaceColors.setAll({
+      text: d(e.palette.text.primary),
+      grid: d(e.palette.divider),
+      stroke: d(e.palette.divider)
+    }), De(t);
+    const c = t.container.children.push(
+      Te.new(t, {
+        panX: !0,
+        panY: !1,
+        wheelX: "none",
+        wheelY: "none",
+        maxTooltipDistance: -1,
+        pinchZoomX: !0,
+        layout: t.verticalLayout
+      })
+    );
+    B.current = c, c.set(
+      "cursor",
+      Xe.new(t, { behavior: "none" })
+    ).lineY.set("visible", !1);
+    const x = $ ?? { timeUnit: "hour", count: 1 }, _ = c.xAxes.push(
+      Ie.new(t, {
+        maxDeviation: 0.1,
+        groupData: !1,
+        baseInterval: x,
+        renderer: Pe.new(t, {})
+      })
+    );
+    (q = _.get("renderer")) == null || q.grid.template.setAll({
+      stroke: d(e.palette.divider),
+      strokeOpacity: 1
+    });
+    const F = c.yAxes.push(
+      Oe.new(t, {
+        renderer: Ce.new(t, {})
+      })
+    );
+    (G = F.get("renderer")) == null || G.grid.template.setAll({
+      stroke: d(e.palette.divider),
+      strokeOpacity: 1
+    });
+    const A = d(R), de = c.children.push(
+      Ye.new(t, { centerX: se, x: se })
+    ), T = () => je.new(t, { dateFormat: "i", dateFields: [l] }), O = [];
+    p.forEach((i, f) => {
+      const h = c.series.push(
+        w.new(t, {
+          name: i.label ?? `Band ${f + 1}`,
+          xAxis: _,
+          yAxis: F,
+          valueYField: i.upperField,
+          openValueYField: i.lowerField,
+          valueXField: l,
+          fill: A,
+          stroke: A
+        })
+      );
+      h.strokes.template.set("strokeOpacity", 0), h.fills.template.setAll({
+        visible: !0,
+        fill: A,
+        fillOpacity: i.fillOpacity ?? Re[f] ?? 0.2
+      }), h.data.processor = T(), h.data.setAll(u), O.push(h);
+    });
+    let m;
+    n && (m = c.series.push(
+      w.new(t, {
+        name: "Forecast centre",
+        xAxis: _,
+        yAxis: F,
+        valueYField: n,
+        valueXField: l,
+        stroke: d(e.palette.error.main)
+      })
+    ), m.strokes.template.setAll({
+      strokeWidth: 1.5,
+      strokeDasharray: [4, 4]
+    }), m.fills.template.set("visible", !1), m.data.processor = T(), m.data.setAll(u));
+    const N = c.series.push(
+      L.new(t, {
+        name: "History",
+        xAxis: _,
+        yAxis: F,
+        valueYField: a,
+        valueXField: l,
+        stroke: d(e.palette.primary.main)
+      })
+    );
+    N.strokes.template.setAll({ strokeWidth: 2 }), N.data.processor = T(), N.data.setAll(u), de.data.setAll(c.series.values);
+    const U = u.findIndex(
+      (i) => i[n] !== null && i[n] !== void 0
+    ), me = [...u].reverse().find(
+      (i) => i[a] !== null && i[a] !== void 0
+    ), W = U >= 0 ? u[U] : me, z = k !== void 0 ? new Date(k).getTime() : W ? new Date(W[l]).getTime() : NaN, fe = ($e[x.timeUnit] ?? 0) * x.count / 2, Z = Number.isNaN(z) ? NaN : z + fe;
+    Number.isNaN(Z) || (J = _.createAxisRange(
+      _.makeDataItem({ value: Z })
+    ).get("grid")) == null || J.setAll({
+      visible: !0,
+      stroke: d(e.palette.text.secondary),
+      strokeOpacity: 0.7,
+      strokeDasharray: [2, 3]
+    });
+    const _e = Ne(x);
+    return ke({
+      root: t,
+      chart: c,
+      theme: e,
+      getText: () => {
+        var ee;
+        const i = (g) => g == null ? "—" : t.numberFormatter.format(g), f = N.get("tooltipDataItem"), h = m == null ? void 0 : m.get("tooltipDataItem"), X = h ?? f ?? ((ee = O[0]) == null ? void 0 : ee.get("tooltipDataItem")), K = X == null ? void 0 : X.get("valueX"), Q = typeof K == "number" ? t.dateFormatter.format(new Date(K), _e) : "", b = [], I = f == null ? void 0 : f.get("valueY");
+        I != null && b.push(`History: ${i(I)}`);
+        const P = h == null ? void 0 : h.get("valueY");
+        return P != null && b.push(`Centre: ${i(P)}`), p.forEach((g, te) => {
+          var re;
+          const v = (re = O[te]) == null ? void 0 : re.get("tooltipDataItem"), C = v == null ? void 0 : v.get("valueY"), Y = v == null ? void 0 : v.get("openValueY");
+          if (C != null && Y !== void 0 && Y !== null) {
+            const be = (C - Y) / 2, ve = g.label ?? `Band ${te + 1}`;
+            b.push(`[${A.toCSSHex()}]●[/] ${ve}: ±${i(be)}`);
+          }
+        }), b.length === 0 ? "" : Q ? `[bold]${Q}[/]
+${b.join(`
+`)}` : b.join(`
+`);
+      }
+    }), c.appear(1e3, 100), () => {
+      t.dispose(), H.current = null, B.current = null;
+    };
+  }, [e.palette.mode, o, p, R, k]), {
+    chartDivRef: D,
+    data: u,
+    chartId: V,
+    loading: M,
+    emptyMessage: E,
+    sx: ce,
+    other: pe,
+    ownerState: he
+  };
+};
+export {
+  tt as useForecastConeChartLogic
+};

package/dist/components/charts/forecast-cone/styled.js

@@ -0,0 +1,12 @@
+import { styled as t } from "@mui/material";
+const i = t("div", {
+  name: "HCForecastCone",
+  slot: "Root"
+})(({ ownerState: o }) => ({
+  position: "relative",
+  width: o.width,
+  height: o.height
+}));
+export {
+  i as ForecastConeChartRoot
+};

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

@@ -1,17 +1,17 @@
-import { R as J, A as K } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as J, A as K } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as Q, useTheme as Z } from "@mui/material";
 import ee from "dayjs";
 import T from "lodash";
 import { useId as te, useRef as re, useEffect as ae } from "react";
 import { applyValueFormat as ie, colorSetFromPalette as se } from "../_common/utils.js";
-import { m as E, f as oe, C as S, b as u, p as P, c as Y } from "../../../Entity-CCUIdRAr.js";
-import { X as ne } from "../../../AxisRenderer-lUbezuh7.js";
-import { A as le, a as he } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as R } from "../../../CategoryAxis-B8KQp1pE.js";
-import { C as L, L as U, a as ce, b as ue, T as W } from "../../../Tooltip-A_HlttXp.js";
-import { R as de } from "../../../RoundedRectangle-CqMMmPM0.js";
-import { L as me } from "../../../LinearGradient-C7rnipF7.js";
-import { C as pe } from "../../../ColumnSeries-rgnGm-Bg.js";
+import { m as E, f as oe, C as S, b as u, p as P, c as Y } from "../../../Entity-4Lr2piVN.js";
+import { X as ne } from "../../../AxisRenderer-Doyw-FTI.js";
+import { A as le, a as he } from "../../../AxisRendererY-BylCU67e.js";
+import { C as R } from "../../../CategoryAxis-B5uTZjhL.js";
+import { C as L, L as U, a as ce, b as ue, T as W } from "../../../Tooltip-RhAldW7s.js";
+import { R as de } from "../../../RoundedRectangle-B23Oh_r6.js";
+import { L as me } from "../../../LinearGradient-D1hzMjaW.js";
+import { C as pe } from "../../../ColumnSeries-CqJ-563p.js";
 class _ extends L {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labelContainer", {