@hybridcore/ui 1.6.18 → 1.6.20

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

@@ -1,19 +1,19 @@
-import { R as we, A as Ae } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useTheme as Fe, useThemeProps as De } from "@mui/material";
-import Ne from "lodash";
-import { useRef as S, useLayoutEffect as ke } from "react";
-import { getTooltipDateFormat as Te, attachCursorTooltip as Oe } from "../_common/tooltip.js";
-import { applyValueFormat as Ce } from "../_common/utils.js";
-import { c as d, a as ie } from "../../../Entity-BJCuhdq_.js";
-import { X as Xe, V as Pe } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as Ie } from "../../../XYCursor-CVUSpqb9.js";
-import { A as Ye, a as je } from "../../../AxisRendererY-AXWvGU6r.js";
-import { L as Se } from "../../../Legend-CFvQiIfn.js";
-import { L as R } from "../../../LineSeries-D_IL2qGF.js";
-import { G as Le, D as Re } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { D as $e } from "../../../DateAxis-DEXKps1S.js";
-class Me {
-  constructor(e, s) {
+import { R as ke, A as Ie } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useTheme as Oe, useThemeProps as Te } from "@mui/material";
+import z from "lodash";
+import { useState as Ce, useRef as P, useLayoutEffect as Xe, useEffect as Me } from "react";
+import { getTooltipDateFormat as Pe, attachCursorTooltip as Ee } from "../_common/tooltip.js";
+import { applyValueFormat as Ye } from "../_common/utils.js";
+import { c as A, a as ue } from "../../../Entity-BJCuhdq_.js";
+import { X as Le, V as Se } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as je } from "../../../XYCursor-CVUSpqb9.js";
+import { A as Re, a as $e } from "../../../AxisRendererY-AXWvGU6r.js";
+import { L as Ve } from "../../../Legend-CFvQiIfn.js";
+import { L as q } from "../../../LineSeries-D_IL2qGF.js";
+import { G as He, D as Ue } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as Be } from "../../../DateAxis-DEXKps1S.js";
+class Ge {
+  constructor(t, n) {
     Object.defineProperty(this, "_line", {
       enumerable: !0,
       configurable: !0,
@@ -59,7 +59,7 @@ class Me {
       configurable: !0,
       writable: !0,
       value: 0
-    }), this._context = e, this._tension = s;
+    }), this._context = t, this._tension = n;
   }
   areaStart() {
     this._line = 0;
@@ -76,77 +76,77 @@ class Me {
         this._context.lineTo(this._x1, this._y1);
         break;
       case 3:
-        L(this, this._t0, ue(this, this._t0));
+        Z(this, this._t0, de(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)) {
+  point(t, n) {
+    let c = NaN;
+    if (t = +t, n = +n, !(t === this._x1 && n === this._y1)) {
       switch (this._point) {
         case 0:
-          this._point = 1, this._line ? this._context.lineTo(e, s) : this._context.moveTo(e, s);
+          this._point = 1, this._line ? this._context.lineTo(t, n) : this._context.moveTo(t, n);
           break;
         case 1:
           this._point = 2;
           break;
         case 2:
-          this._point = 3, L(this, ue(this, o = le(this, e, s)), o);
+          this._point = 3, Z(this, de(this, c = pe(this, t, n)), c);
           break;
         default:
-          L(this, this._t0, o = le(this, e, s));
+          Z(this, this._t0, c = pe(this, t, n));
           break;
       }
-      this._x0 = this._x1, this._x1 = e, this._y0 = this._y1, this._y1 = s, this._t0 = o;
+      this._x0 = this._x1, this._x1 = t, this._y0 = this._y1, this._y1 = n, this._t0 = c;
     }
   }
 }
-function ae(r) {
-  function e(s) {
-    return new Me(s, r);
+function he(r) {
+  function t(n) {
+    return new Ge(n, r);
   }
-  return e;
+  return t;
 }
-function ne(r) {
+function me(r) {
   return r < 0 ? -1 : 1;
 }
-function le(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 (ne(a) + ne(n)) * Math.min(Math.abs(a), Math.abs(n), 0.5 * Math.abs(p)) || 0;
+function pe(r, t, n) {
+  let c = r._x1 - r._x0, a = t - r._x1, m = (r._y1 - r._y0) / (c || a < 0 && -0), u = (n - r._y1) / (a || c < 0 && -0), _ = (m * a + u * c) / (c + a);
+  return (me(m) + me(u)) * Math.min(Math.abs(m), Math.abs(u), 0.5 * Math.abs(_)) || 0;
 }
-function ue(r, e) {
-  let s = r._x1 - r._x0;
-  return s ? (3 * (r._y1 - r._y0) / s - e) / 2 : e;
+function de(r, t) {
+  let n = r._x1 - r._x0;
+  return n ? (3 * (r._y1 - r._y0) / n - t) / 2 : t;
 }
-function L(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);
+function Z(r, t, n) {
+  let c = r._x0, a = r._y0, m = r._x1, u = r._y1, _ = (m - c) / 1.5 * (1 - r._tension);
+  r._context.bezierCurveTo(c + _, a + _ * t, m - _, u - _ * n, m, u);
 }
-class x extends R {
+class E extends q {
   _afterNew() {
-    this._setDefault("curveFactory", ae(this.get("tension", 0.5))), super._afterNew();
+    this._setDefault("curveFactory", he(this.get("tension", 0.5))), super._afterNew();
   }
   _updateChildren() {
-    this.isDirty("tension") && (this.set("curveFactory", ae(this.get("tension", 0.5))), this._valuesDirty = !0), super._updateChildren();
+    this.isDirty("tension") && (this.set("curveFactory", he(this.get("tension", 0.5))), this._valuesDirty = !0), super._updateChildren();
   }
 }
-Object.defineProperty(x, "className", {
+Object.defineProperty(E, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "SmoothedXLineSeries"
 });
-Object.defineProperty(x, "classNames", {
+Object.defineProperty(E, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: R.classNames.concat([x.className])
+  value: q.classNames.concat([E.className])
 });
-const Ve = [
+const We = [
   { lowerField: "low95", upperField: "high95", label: "95% expected move" },
   { lowerField: "low68", upperField: "high68", label: "68% expected move" }
-], Ee = [0.15, 0.3, 0.45], Ue = 1.1, Be = {
+], ze = [0.15, 0.3, 0.45], Ze = 1.1, qe = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -155,191 +155,271 @@ const Ve = [
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, at = (r) => {
-  const e = Fe(), s = De({ props: r, name: "HCForecastCone" }), {
-    data: o = [],
-    dateField: l = "date",
-    historyField: a = "close",
-    centreField: n = "center",
-    bands: p = Ve,
-    nowValue: N,
-    color: $ = e.palette.warning.main,
-    connectMissingData: k = !0,
-    skipEmptyDates: M = !0,
-    baseInterval: V,
-    chartId: E = "forecast-cone-chart",
-    height: ce = "100%",
-    width: pe = "100%",
-    loading: U = !1,
-    emptyMessage: B = "No data available",
-    sx: he,
-    ...de
-  } = s, u = Ne.orderBy(o, [l]).map((t) => ({ ...t })), y = u.findIndex(
-    (t) => t[n] !== null && t[n] !== void 0
-  );
-  k && y > 0 && (u[y][a] === null || u[y][a] === void 0) && (u[y][a] = u[y][n]);
-  const me = {
-    ...s,
-    height: ce,
-    width: pe,
-    chartId: E,
-    loading: U,
-    emptyMessage: B,
-    baseInterval: V
-  }, H = S(null), G = S(null), T = S(null);
-  return ke(() => {
-    var J, K, Q;
-    if (!T.current) return;
-    const t = we.new(T.current);
-    G.current = t, t.setThemes([Ae.new(t)]), t.interfaceColors.setAll({
-      text: d(e.palette.text.primary),
-      grid: d(e.palette.divider),
-      stroke: d(e.palette.divider)
-    }), Ce(t);
-    const c = t.container.children.push(
-      Xe.new(t, {
+}, T = (r) => new Date(r).getTime(), Je = (r) => new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+}).format(new Date(r)), ft = (r) => {
+  const t = Oe(), n = Te({ props: r, name: "HCForecastCone" }), {
+    data: c = [],
+    dateField: a = "date",
+    historyField: m = "close",
+    centreField: u = "center",
+    bands: _ = We,
+    forecasts: g,
+    nowValue: $,
+    color: J = t.palette.warning.main,
+    connectMissingData: V = !0,
+    skipEmptyDates: K = !0,
+    baseInterval: Q,
+    chartId: ee = "forecast-cone-chart",
+    height: fe = "100%",
+    width: be = "100%",
+    loading: te = !1,
+    emptyMessage: re = "No data available",
+    sx: _e,
+    ...ge
+  } = n, N = Array.isArray(g) && g.length > 0, [X, ye] = Ce(
+    () => N ? g.length - 1 : 0
+  ), ie = P(X);
+  ie.current = X;
+  const y = z.orderBy(c, [a]).map((e) => ({ ...e }));
+  if (!N) {
+    const e = y.findIndex(
+      (h) => h[u] !== null && h[u] !== void 0
+    );
+    V && e > 0 && (y[e][m] === null || y[e][m] === void 0) && (y[e][m] = y[e][u]);
+  }
+  const ve = {
+    ...n,
+    height: fe,
+    width: be,
+    chartId: ee,
+    loading: te,
+    emptyMessage: re,
+    baseInterval: Q
+  }, se = P(null), ne = P(null), H = P(null), M = P(null);
+  Xe(() => {
+    var ae, le;
+    if (!H.current) return;
+    const e = ke.new(H.current);
+    ne.current = e, e.setThemes([Ie.new(e)]), e.interfaceColors.setAll({
+      text: A(t.palette.text.primary),
+      grid: A(t.palette.divider),
+      stroke: A(t.palette.divider)
+    }), Ye(e);
+    const h = e.container.children.push(
+      Le.new(e, {
         panX: !0,
         panY: !1,
         wheelX: "none",
         wheelY: "none",
         maxTooltipDistance: -1,
         pinchZoomX: !0,
-        layout: t.verticalLayout
+        layout: e.verticalLayout
       })
     );
-    H.current = c, c.set(
+    se.current = h, h.set(
       "cursor",
-      Ie.new(t, { behavior: "none" })
+      je.new(e, { behavior: "none" })
     ).lineY.set("visible", !1);
-    const w = V ?? { timeUnit: "hour", count: 1 }, fe = M ? Le : $e, _ = c.xAxes.push(
-      fe.new(t, {
+    const Y = Q ?? { timeUnit: "hour", count: 1 }, we = K && !N ? He : Be, f = h.xAxes.push(
+      we.new(e, {
         maxDeviation: 0.1,
         groupData: !1,
-        baseInterval: w,
-        renderer: Ye.new(t, {})
+        baseInterval: Y,
+        renderer: Re.new(e, {})
       })
     );
-    (J = _.get("renderer")) == null || J.grid.template.setAll({
-      stroke: d(e.palette.divider),
+    (ae = f.get("renderer")) == null || ae.grid.template.setAll({
+      stroke: A(t.palette.divider),
       strokeOpacity: 1
     });
-    const A = c.yAxes.push(
-      Pe.new(t, {
-        renderer: je.new(t, {})
+    const I = h.yAxes.push(
+      Se.new(e, {
+        renderer: $e.new(e, {})
       })
     );
-    (K = A.get("renderer")) == null || K.grid.template.setAll({
-      stroke: d(e.palette.divider),
+    (le = I.get("renderer")) == null || le.grid.template.setAll({
+      stroke: A(t.palette.divider),
       strokeOpacity: 1
     });
-    const F = d($), _e = c.children.push(
-      Se.new(t, { centerX: ie, x: ie })
-    ), O = () => Re.new(t, { dateFormat: "i", dateFields: [l] }), C = [];
-    p.forEach((i, f) => {
-      const h = c.series.push(
-        x.new(t, {
-          name: i.label ?? `Band ${f + 1}`,
-          xAxis: _,
-          yAxis: A,
-          valueYField: i.upperField,
-          openValueYField: i.lowerField,
-          valueXField: l,
-          fill: F,
-          stroke: F
+    const L = A(J), Ne = h.children.push(
+      Ve.new(e, { centerX: ue, x: ue })
+    ), U = () => Ue.new(e, { dateFormat: "i", dateFields: [a] }), oe = N ? [] : y, S = [];
+    _.forEach((o, l) => {
+      const s = h.series.push(
+        E.new(e, {
+          name: o.label ?? `Band ${l + 1}`,
+          xAxis: f,
+          yAxis: I,
+          valueYField: o.upperField,
+          openValueYField: o.lowerField,
+          valueXField: a,
+          fill: L,
+          stroke: L
         })
       );
-      h.strokes.template.set("strokeOpacity", 0), h.fills.template.setAll({
+      s.strokes.template.set("strokeOpacity", 0), s.fills.template.setAll({
         visible: !0,
-        fill: F,
-        fillOpacity: i.fillOpacity ?? Ee[f] ?? 0.2
-      }), h.data.processor = O(), h.data.setAll(u), C.push(h);
+        fill: L,
+        fillOpacity: o.fillOpacity ?? ze[l] ?? 0.2
+      }), s.data.processor = U(), s.data.setAll(oe), S.push(s);
     });
-    let m;
-    n && (m = c.series.push(
-      x.new(t, {
+    let v;
+    u && (v = h.series.push(
+      E.new(e, {
         name: "Forecast centre",
-        xAxis: _,
-        yAxis: A,
-        valueYField: n,
-        valueXField: l,
-        stroke: d(e.palette.error.main)
+        xAxis: f,
+        yAxis: I,
+        valueYField: u,
+        valueXField: a,
+        stroke: A(t.palette.error.main)
       })
-    ), m.strokes.template.setAll({
+    ), v.strokes.template.setAll({
       strokeWidth: 1.5,
       strokeDasharray: [4, 4]
-    }), m.fills.template.set("visible", !1), m.data.processor = O(), m.data.setAll(u));
-    const D = c.series.push(
-      R.new(t, {
+    }), v.fills.template.set("visible", !1), v.data.processor = U(), v.data.setAll(oe));
+    const O = N ? z.orderBy(c, [a]).map((o) => ({ ...o })) : y, j = h.series.push(
+      q.new(e, {
         name: "History",
-        xAxis: _,
-        yAxis: A,
-        valueYField: a,
-        valueXField: l,
+        xAxis: f,
+        yAxis: I,
+        valueYField: m,
+        valueXField: a,
         // When false, the history line breaks at missing dates (gap > ~1 base
         // interval) instead of bridging across them.
-        connect: k,
-        autoGapCount: Ue,
-        stroke: d(e.palette.primary.main)
+        connect: V,
+        autoGapCount: Ze,
+        stroke: A(t.palette.primary.main)
       })
     );
-    D.strokes.template.setAll({ strokeWidth: 2 }), D.data.processor = O(), D.data.setAll(u), _e.data.setAll(c.series.values);
-    const W = u.findIndex(
-      (i) => i[n] !== null && i[n] !== void 0
-    ), be = [...u].reverse().find(
-      (i) => i[a] !== null && i[a] !== void 0
-    ), z = W >= 0 ? u[W] : be, Z = N !== void 0 ? new Date(N).getTime() : z ? new Date(z[l]).getTime() : NaN, ve = (Be[w.timeUnit] ?? 0) * w.count / 2, q = Number.isNaN(Z) ? NaN : Z + ve;
-    Number.isNaN(q) || (Q = _.createAxisRange(
-      _.makeDataItem({ value: q })
-    ).get("grid")) == null || Q.setAll({
-      visible: !0,
-      stroke: d(e.palette.text.secondary),
-      strokeOpacity: 0.7,
-      strokeDasharray: [2, 3]
-    });
-    const ye = Te(w);
-    return Oe({
-      root: t,
-      chart: c,
-      theme: e,
+    j.strokes.template.setAll({ strokeWidth: 2 }), j.data.processor = U(), j.data.setAll(O), Ne.data.setAll(h.series.values);
+    const R = (qe[Y.timeUnit] ?? 0) * Y.count / 2, B = (o, l) => {
+      var s;
+      return (s = o.get("grid")) == null ? void 0 : s.setAll({
+        visible: !0,
+        stroke: A(t.palette.text.secondary),
+        strokeOpacity: l,
+        strokeDasharray: [2, 3]
+      });
+    };
+    if (N) {
+      let o = 1 / 0, l = -1 / 0, s = -1 / 0;
+      const x = (i) => {
+        typeof i == "number" && Number.isFinite(i) && (i < o && (o = i), i > l && (l = i));
+      };
+      O.forEach((i) => x(i[m]));
+      const F = O.length ? T(O[0][a]) : NaN;
+      if (g.forEach(
+        (i) => i.rows.forEach((p) => {
+          _.forEach((k) => {
+            x(p[k.lowerField]), x(p[k.upperField]);
+          }), u && x(p[u]);
+          const d = T(p[a]);
+          Number.isFinite(d) && d > s && (s = d);
+        })
+      ), O.length) {
+        const i = T(O[O.length - 1][a]);
+        Number.isFinite(i) && i > s && (s = i);
+      }
+      if (Number.isFinite(o) && Number.isFinite(l)) {
+        const i = (l - o) * 0.05 || 1;
+        I.set("min", o - i), I.set("max", l + i), I.set("strictMinMax", !0);
+      }
+      Number.isFinite(F) && Number.isFinite(s) && (f.set("min", F), f.set("max", s + R), f.set("strictMinMax", !0)), g.forEach((i) => {
+        const p = T(i.origin);
+        if (Number.isNaN(p)) return;
+        const d = f.createAxisRange(
+          f.makeDataItem({ value: p + R })
+        );
+        B(d, 0.25);
+      });
+      const b = f.makeDataItem({ value: 0 }), D = f.createAxisRange(b);
+      B(D, 0.8);
+      const C = (i) => {
+        const p = g[i] ?? g[g.length - 1];
+        if (!p) return;
+        const d = z.orderBy(p.rows, [a]).map((w) => ({
+          ...w
+        }));
+        S.forEach((w) => w.data.setAll(d)), v == null || v.data.setAll(d);
+        const k = T(p.origin);
+        b.set("value", Number.isNaN(k) ? 0 : k + R);
+      };
+      M.current = C, C(ie.current);
+    } else {
+      const o = y.findIndex(
+        (b) => b[u] !== null && b[u] !== void 0
+      ), l = [...y].reverse().find(
+        (b) => b[m] !== null && b[m] !== void 0
+      ), s = o >= 0 ? y[o] : l, x = $ !== void 0 ? T($) : s ? T(s[a]) : NaN, F = Number.isNaN(x) ? NaN : x + R;
+      if (!Number.isNaN(F)) {
+        const b = f.createAxisRange(
+          f.makeDataItem({ value: F })
+        );
+        B(b, 0.7);
+      }
+    }
+    const Ae = Pe(Y);
+    return Ee({
+      root: e,
+      chart: h,
+      theme: t,
       getText: () => {
-        var re;
-        const i = (g) => g == null ? "—" : t.numberFormatter.format(g), f = D.get("tooltipDataItem"), h = m == null ? void 0 : m.get("tooltipDataItem"), X = h ?? f ?? ((re = C[0]) == null ? void 0 : re.get("tooltipDataItem")), ee = X == null ? void 0 : X.get("valueX"), te = typeof ee == "number" ? t.dateFormatter.format(new Date(ee), ye) : "", b = [], P = f == null ? void 0 : f.get("valueY");
-        P != null && b.push(`History: ${i(P)}`);
-        const I = h == null ? void 0 : h.get("valueY");
-        return I != null && b.push(`Centre: ${i(I)}`), p.forEach((g, se) => {
-          var oe;
-          const v = (oe = C[se]) == null ? void 0 : oe.get("tooltipDataItem"), Y = v == null ? void 0 : v.get("valueY"), j = v == null ? void 0 : v.get("openValueY");
-          if (Y != null && j !== void 0 && j !== null) {
-            const ge = (Y - j) / 2, xe = g.label ?? `Band ${se + 1}`;
-            b.push(`[${F.toCSSHex()}]●[/] ${xe}: ±${i(ge)}`);
+        var p;
+        const o = (d) => d == null ? "—" : e.numberFormatter.format(d), l = j.get("tooltipDataItem"), s = v == null ? void 0 : v.get("tooltipDataItem"), x = s ?? l ?? ((p = S[0]) == null ? void 0 : p.get("tooltipDataItem")), F = x == null ? void 0 : x.get("valueX"), b = typeof F == "number" ? e.dateFormatter.format(new Date(F), Ae) : "", D = [], C = l == null ? void 0 : l.get("valueY");
+        C != null && D.push(`History: ${o(C)}`);
+        const i = s == null ? void 0 : s.get("valueY");
+        return i != null && D.push(`Centre: ${o(i)}`), _.forEach((d, k) => {
+          var ce;
+          const w = (ce = S[k]) == null ? void 0 : ce.get("tooltipDataItem"), G = w == null ? void 0 : w.get("valueY"), W = w == null ? void 0 : w.get("openValueY");
+          if (G != null && W !== void 0 && W !== null) {
+            const Fe = (G - W) / 2, De = d.label ?? `Band ${k + 1}`;
+            D.push(`[${L.toCSSHex()}]●[/] ${De}: ±${o(Fe)}`);
           }
-        }), b.length === 0 ? "" : te ? `[bold]${te}[/]
-${b.join(`
-`)}` : b.join(`
+        }), D.length === 0 ? "" : b ? `[bold]${b}[/]
+${D.join(`
+`)}` : D.join(`
 `);
       }
-    }), c.appear(1e3, 100), () => {
-      t.dispose(), G.current = null, H.current = null;
+    }), h.appear(1e3, 100), () => {
+      M.current = null, e.dispose(), ne.current = null, se.current = null;
     };
   }, [
-    e.palette.mode,
-    o,
-    p,
+    t.palette.mode,
+    c,
+    _,
+    g,
+    J,
     $,
-    N,
-    k,
-    M
-  ]), {
-    chartDivRef: T,
-    data: u,
-    chartId: E,
-    loading: U,
-    emptyMessage: B,
-    sx: he,
-    other: de,
-    ownerState: me
+    V,
+    K
+  ]), Me(() => {
+    var e;
+    (e = M.current) == null || e.call(M, X);
+  }, [X]);
+  const xe = N ? g.map((e) => e.label ?? Je(e.origin)) : [];
+  return {
+    chartDivRef: H,
+    data: y,
+    chartId: ee,
+    loading: te,
+    emptyMessage: re,
+    isMulti: N,
+    origins: xe,
+    selectedOriginIndex: X,
+    onOriginChange: (e) => {
+      if (!N) return;
+      const h = Math.max(0, Math.min(g.length - 1, e));
+      ye(h);
+    },
+    sx: _e,
+    other: ge,
+    ownerState: ve
   };
 };
 export {
-  at as useForecastConeChartLogic
+  ft as useForecastConeChartLogic
 };

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

@@ -1,12 +1,33 @@
-import { styled as t } from "@mui/material";
-const i = t("div", {
+import { styled as e } from "@mui/material";
+const i = e("div", {
   name: "HCForecastCone",
   slot: "Root"
-})(({ ownerState: o }) => ({
+})(({ ownerState: t }) => ({
   position: "relative",
-  width: o.width,
-  height: o.height
+  display: "flex",
+  flexDirection: "column",
+  width: t.width,
+  height: t.height
+})), a = e("div", {
+  name: "HCForecastCone",
+  slot: "Chart"
+})({
+  position: "relative",
+  flex: 1,
+  minHeight: 0,
+  width: "100%"
+}), n = e("div", {
+  name: "HCForecastCone",
+  slot: "Pager"
+})(({ theme: t }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: t.spacing(1),
+  padding: t.spacing(0.5, 1, 1)
 }));
 export {
+  a as ForecastConeChartCanvas,
+  n as ForecastConeChartPager,
   i as ForecastConeChartRoot
 };

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

@@ -1,6 +1,6 @@
 import d, { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { i as c } from "../../generateUtilityClasses-Cc-owZ4J.js";
-import { r as l } from "../../createSvgIcon-BghzB2Y9.js";
+import { i as c } from "../../styled-Ckq8ALHh.js";
+import { r as l } from "../../createSvgIcon-jKAqRXE2.js";
 import { Container as u } from "../container/index.js";
 import { useCollapsibleCardLogic as s } from "./logic.js";
 import { Accordion as m, AccordionSummary as x, SummaryHeader as f, SummaryActions as h, AccordionDetails as S } from "./styled.js";

package/dist/components/collapsible-card/styled.js

@@ -1,5 +1,5 @@
 import { styled as a, Box as e } from "@mui/material";
-import { A as n, a as t, b as i } from "../../AccordionSummary-DUtr16g6.js";
+import { A as n, a as t, b as i } from "../../AccordionSummary-c6-Buzbq.js";
 const r = (o) => o !== "ownerState", m = a(n, {
   name: "HCCollapsibleCard",
   slot: "accordion"

package/dist/components/color-picker/index.js

@@ -6,15 +6,15 @@ import { c as it } from "../../_commonjsHelpers-BkfeUUK-.js";
 import { P as g } from "../../index-CblbdqjE.js";
 import { IconButton as to } from "../icon-button/index.js";
 import { useColorPickerLogic as ro } from "./logic.js";
-import { R as no, C as Qr, a as ao, b as io, c as oo, d as so } from "../../styled-DD4BkuVf.js";
+import { R as no, C as Qr, a as ao, b as io, c as oo, d as so } from "../../styled-DObpn_Bi.js";
 import { c as Ba } from "../../createReactComponent-C7L-DMHj.js";
-import { _ as lo, a as co } from "../../extends-C3382pL0.js";
+import { _ as lo, a as co } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import { c as fo } from "../../clsx-OuTLNxxd.js";
-import { g as uo, a as ho, c as po } from "../../generateUtilityClasses-Cc-owZ4J.js";
+import { g as uo, a as ho, c as po } from "../../styled-Ckq8ALHh.js";
 import { u as go } from "../../useControlled-BYdyS7Pn.js";
-import { u as vo } from "../../TransitionGroupContext-Ja2CgIob.js";
+import { u as vo } from "../../useTimeout-CM6EsHyp.js";
 import { u as bo } from "../../useId-BW-oWmul.js";
-import { F as yo } from "../../FormGroup-BRj1o7-E.js";
+import { F as yo } from "../../FormGroup-LH368jad.js";
 import { I as mo } from "../../IconCircle-HcgE1lHy.js";
 function xo(e) {
   return ho("MuiRadioGroup", e);