@hybridcore/ui 1.6.13 → 1.6.16

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

@@ -1,46 +1,47 @@
-import { jsxs as a, jsx as r, Fragment as l } from "react/jsx-runtime";
-import { Typography as C, Divider as h } from "@mui/material";
-import { Loading as c } from "../../loading/index.js";
-import { CandlestickChart as d } from "../candlestick/index.js";
-import { ColumnLineMix as f } from "../column-line-mix/index.js";
-import { DonutChart as s } from "../donut-chart/index.js";
-import { DrillDownTreemap as u } from "../drill-down-treemap/index.js";
-import { DrillDownVoronoiTreemap as D } from "../drill-down-voronoi-treemap/index.js";
-import { ForecastConeChart as L } from "../forecast-cone/index.js";
-import { Heatmap as g } from "../heatmap/index.js";
-import { LineChart as x } from "../line/index.js";
-import { LogaritmicScale as k } from "../logaritmic-scale/index.js";
-import { MultipleValueAxes as S } from "../multiple-value-axes/index.js";
-import { NestedPie as P } from "../nested-pie/index.js";
-import { PackedCircles as w } from "../packed-circles/index.js";
-import { PieChart as A } from "../pie-chart/index.js";
-import { StackedAreaRadar as T } from "../stacked-area-radar/index.js";
-import { StackedColumnChart as W } from "../stacked-column-chart/index.js";
-import { XYChart as M } from "../xy-chart/index.js";
-import { useChartWrapperLogic as V } from "./logic.js";
-import { ChartWrapperRoot as v, ChartWrapperHeader as y, ChartWrapperContent as F } from "./styled.js";
-const rr = (i) => {
-  const { title: m, type: o, chartProps: e, loading: p, ownerState: t, sx: n } = V(i);
-  return /* @__PURE__ */ a(v, { ownerState: t, sx: n, children: [
-    /* @__PURE__ */ r(y, { ownerState: t, children: /* @__PURE__ */ r(C, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: m }) }),
-    /* @__PURE__ */ r(h, {}),
-    /* @__PURE__ */ r(F, { ownerState: t, children: p ? /* @__PURE__ */ r(c, { show: !0, position: "absolute" }) : /* @__PURE__ */ a(l, { children: [
-      o === "MultipleValueAxes" && /* @__PURE__ */ r(S, { ...e }),
-      o === "XYChart" && /* @__PURE__ */ r(M, { ...e }),
-      o === "HeatLegend" && /* @__PURE__ */ r(g, { ...e }),
-      o === "PieChart" && /* @__PURE__ */ r(A, { ...e }),
-      o === "DonutChart" && /* @__PURE__ */ r(s, { ...e }),
-      o === "StackedColumnChart" && /* @__PURE__ */ r(W, { ...e }),
-      o === "StackedAreaRadar" && /* @__PURE__ */ r(T, { ...e }),
-      o === "LineChart" && /* @__PURE__ */ r(x, { ...e }),
-      o === "NestedPie" && /* @__PURE__ */ r(P, { ...e }),
-      o === "SingleLevelPackedCircles" && /* @__PURE__ */ r(w, { ...e }),
-      o === "LogarithmicScale" && /* @__PURE__ */ r(k, { ...e }),
-      o === "ColumnAndLineMix" && /* @__PURE__ */ r(f, { ...e }),
-      o === "DrillDownTreemap" && /* @__PURE__ */ r(u, { ...e }),
-      o === "DrillDownVoronoiTreemap" && /* @__PURE__ */ r(D, { ...e }),
-      o === "CandlestickChart" && /* @__PURE__ */ r(d, { ...e }),
-      o === "ForecastCone" && /* @__PURE__ */ r(L, { ...e })
+import { jsxs as a, jsx as r, Fragment as h } from "react/jsx-runtime";
+import { Typography as C, Divider as c } from "@mui/material";
+import { Loading as d } from "../../loading/index.js";
+import { CandlestickChart as f } from "../candlestick/index.js";
+import { ColumnLineMix as s } from "../column-line-mix/index.js";
+import { DonutChart as u } from "../donut-chart/index.js";
+import { DrillDownTreemap as D } from "../drill-down-treemap/index.js";
+import { DrillDownVoronoiTreemap as L } from "../drill-down-voronoi-treemap/index.js";
+import { ForecastConeChart as g } from "../forecast-cone/index.js";
+import { Heatmap as x } from "../heatmap/index.js";
+import { LineChart as k } from "../line/index.js";
+import { LogaritmicScale as S } from "../logaritmic-scale/index.js";
+import { MultipleValueAxes as P } from "../multiple-value-axes/index.js";
+import { NestedPie as w } from "../nested-pie/index.js";
+import { PackedCircles as A } from "../packed-circles/index.js";
+import { PieChart as T } from "../pie-chart/index.js";
+import { StackedAreaRadar as W } from "../stacked-area-radar/index.js";
+import { StackedColumnChart as H } from "../stacked-column-chart/index.js";
+import { XYChart as i } from "../xy-chart/index.js";
+import { useChartWrapperLogic as M } from "./logic.js";
+import { ChartWrapperRoot as V, ChartWrapperHeader as v, ChartWrapperContent as y } from "./styled.js";
+const rr = (m) => {
+  const { title: p, type: o, chartProps: t, loading: n, ownerState: e, sx: l } = M(m);
+  return /* @__PURE__ */ a(V, { ownerState: e, sx: l, children: [
+    /* @__PURE__ */ r(v, { ownerState: e, children: /* @__PURE__ */ r(C, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: p }) }),
+    /* @__PURE__ */ r(c, {}),
+    /* @__PURE__ */ r(y, { ownerState: e, children: n ? /* @__PURE__ */ r(d, { show: !0, position: "absolute" }) : /* @__PURE__ */ a(h, { children: [
+      o === "MultipleValueAxes" && /* @__PURE__ */ r(P, { ...t }),
+      o === "XYChart" && /* @__PURE__ */ r(i, { ...t }),
+      o === "XYChartHorizontal" && /* @__PURE__ */ r(i, { ...t, orientation: "horizontal" }),
+      o === "HeatLegend" && /* @__PURE__ */ r(x, { ...t }),
+      o === "PieChart" && /* @__PURE__ */ r(T, { ...t }),
+      o === "DonutChart" && /* @__PURE__ */ r(u, { ...t }),
+      o === "StackedColumnChart" && /* @__PURE__ */ r(H, { ...t }),
+      o === "StackedAreaRadar" && /* @__PURE__ */ r(W, { ...t }),
+      o === "LineChart" && /* @__PURE__ */ r(k, { ...t }),
+      o === "NestedPie" && /* @__PURE__ */ r(w, { ...t }),
+      o === "SingleLevelPackedCircles" && /* @__PURE__ */ r(A, { ...t }),
+      o === "LogarithmicScale" && /* @__PURE__ */ r(S, { ...t }),
+      o === "ColumnAndLineMix" && /* @__PURE__ */ r(s, { ...t }),
+      o === "DrillDownTreemap" && /* @__PURE__ */ r(D, { ...t }),
+      o === "DrillDownVoronoiTreemap" && /* @__PURE__ */ r(L, { ...t }),
+      o === "CandlestickChart" && /* @__PURE__ */ r(f, { ...t }),
+      o === "ForecastCone" && /* @__PURE__ */ r(g, { ...t })
     ] }) })
   ] });
 };

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

@@ -1,69 +1,82 @@
-import { R as P, A } from "../../../AnimatedTheme-ktdO3Bel.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-CMH0Z7pz.js";
-import { p as m, c as u } from "../../../Entity-BJCuhdq_.js";
-import { L as j } from "../../../Legend-CFvQiIfn.js";
-const K = (y) => {
-  const p = C({ props: y, name: "HCDonutChart" }), {
+import { R as w, A } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as P, useTheme as R } from "@mui/material";
+import b from "dayjs";
+import { useId as C, useRef as D, useEffect as F } from "react";
+import { applyValueFormat as L, colorSetFromPalette as I } from "../_common/utils.js";
+import { P as S, a as B } from "../../../PieSeries-CMH0Z7pz.js";
+import { p as l, c as s } from "../../../Entity-BJCuhdq_.js";
+import { L as E } from "../../../Legend-CFvQiIfn.js";
+const G = (y) => {
+  const u = P({ props: y, name: "HCDonutChart" }), {
     dimensions: t,
     values: o,
-    data: i,
+    data: n,
     initDelay: T = 0,
     colors: d,
     sx: x,
     ...M
-  } = p, a = D(), f = `hc-donut-chart-${R().replace(/:/g, "")}`, n = L(null);
-  let s = null;
-  t.length < 1 ? s = "Missing dimensions config!" : o.length < 1 && (s = "Missing values config!"), I(() => {
-    if (s) return;
-    let l;
-    return l = setTimeout(() => {
-      var Y;
-      const e = P.new(f);
-      n.current = e, S(e, (Y = o == null ? void 0 : o[0]) == null ? void 0 : Y.format), e.setThemes([A.new(e)]);
+  } = u, a = R(), f = `hc-donut-chart-${C().replace(/:/g, "")}`, c = D(null);
+  let i = null;
+  t.length < 1 ? i = "Missing dimensions config!" : o.length < 1 && (i = "Missing values config!"), F(() => {
+    if (i) return;
+    let m;
+    return m = setTimeout(() => {
+      var v;
+      const e = w.new(f);
+      c.current = e, L(e, (v = o == null ? void 0 : o[0]) == null ? void 0 : v.format), e.setThemes([A.new(e)]);
       const h = e.container.children.push(
-        E.new(e, {
+        S.new(e, {
           layout: e.verticalLayout,
-          innerRadius: m(50)
+          innerRadius: l(50)
         })
       );
       e.interfaceColors.setAll({
-        text: u(a.palette.text.primary),
-        grid: u(a.palette.divider),
-        stroke: u(a.palette.divider)
+        text: s(a.palette.text.primary),
+        grid: s(a.palette.divider),
+        stroke: s(a.palette.divider),
+        // Drives the gap color between slices; tie it to the surface so the
+        // beveled edges read correctly in both light and dark mode.
+        background: s(a.palette.background.paper)
       });
       const r = h.series.push(
-        N.new(e, {
+        B.new(e, {
           valueField: o[0].dataFieldName,
           categoryField: t[0].value
         })
       );
-      r.set("colors", b(e, d));
+      r.set("colors", I(e, d));
       const g = "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})";
-      r.slices.template.set("tooltipText", g), r.labels.template.set("text", g), t[0].type === "date" && i.forEach((v) => {
-        let c = "YYYY";
-        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), v[t[0].value] = F(v[t[0].value]).format(
-          c
+      r.slices.template.setAll({
+        tooltipText: g,
+        stroke: s(a.palette.background.paper),
+        strokeWidth: 2,
+        strokeOpacity: 1,
+        cornerRadius: 4
+      }), r.slices.template.states.create("hover", { scale: 1.04 }), r.set("radius", l(80)), r.labels.template.setAll({
+        text: g,
+        maxWidth: 140,
+        oversizedBehavior: "wrap"
+      }), t[0].type === "date" && n.forEach((Y) => {
+        let p = "YYYY";
+        t[0].value.includes("month") ? p = "MMM YYYY" : t[0].value.includes("day") && (p = "DD MMM YYYY"), Y[t[0].value] = b(Y[t[0].value]).format(
+          p
         );
-      }), r.data.setAll(i), h.children.push(
-        j.new(e, {
-          centerX: m(50),
-          x: m(50),
+      }), r.data.setAll(n), h.children.push(
+        E.new(e, {
+          centerX: l(50),
+          x: l(50),
           marginTop: 15,
           marginBottom: 15
         })
       ).data.setAll(r.dataItems), r.appear(1e3, 100);
     }, T), () => {
       var e;
-      l && clearTimeout(l), (e = n.current) == null || e.dispose(), n.current = null;
+      m && clearTimeout(m), (e = c.current) == null || e.dispose(), c.current = null;
     };
-  }, [i, t, o, a.palette.mode, d]);
-  const w = { ...p };
-  return { chartId: f, ownerState: w, sx: x, error: s, other: M };
+  }, [n, t, o, a.palette.mode, d]);
+  const k = { ...u };
+  return { chartId: f, ownerState: k, sx: x, error: i, other: M };
 };
 export {
-  K as useDonutChartLogic
+  G as useDonutChartLogic
 };

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

@@ -8,7 +8,7 @@ import { e as Zt, B as ht, m as De, a as lt, c as Ht, b as Vt } from "../../../E
 import { Z as Ee } from "../../../ZoomableContainer-Ca_pDVYQ.js";
 import { H as Kt } from "../../../Hierarchy-CEOK8Gzh.js";
 import { G as Jt, a as Te, b as Ne } from "../../../Tooltip-vyZRZWih.js";
-import { c as K, g as ke, a as Ie } from "../../../_commonjsHelpers-BVfed4GL.js";
+import { c as K, a as ke, g as Ie } from "../../../_commonjsHelpers-BkfeUUK-.js";
 class pt extends Jt {
   constructor() {
     super(...arguments), Object.defineProperty(this, "morphAnimation", {

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

@@ -1,46 +1,46 @@
-import { R as P, A as V } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as W, useTheme as z } from "@mui/material";
-import k from "lodash";
-import { useId as N, useRef as j, useEffect as H } from "react";
-import { humanizeLabel as F } from "../_common/format.js";
-import { attachCombinedAxisTooltip as M } from "../_common/tooltip.js";
-import { colorSetFromPalette as U, applyValueFormat as _ } from "../_common/utils.js";
-import { c, a as x, p as $ } from "../../../Entity-BJCuhdq_.js";
-import { X as q, V as J } from "../../../AxisRenderer-BCQoUJw6.js";
-import { L as K } from "../../../Legend-CFvQiIfn.js";
-import { A as L, a as Q } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as Z } from "../../../CategoryAxis-B6NqW8qd.js";
-import { T as ee, R as te, L as re } from "../../../Tooltip-vyZRZWih.js";
-import { X as oe } from "../../../XYCursor-CVUSpqb9.js";
-import { G as ae, D as se } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { D as ie } from "../../../DateAxis-DEXKps1S.js";
-import { C as ne } from "../../../ColumnSeries-CtRTsn-E.js";
-import { B as le } from "../../../Bullet-Djj7Vs9T.js";
-const Fe = (R) => {
-  const A = W({ props: R, name: "HCXYChart" }), {
-    dimensions: p,
-    values: n,
-    data: d,
-    initDelay: O = 0,
-    baseInterval: y,
-    colors: g,
-    skipEmptyDates: w = !1,
-    sx: B,
-    ...E
-  } = A, i = z(), b = `hc-xy-chart-${N().replace(/:/g, "")}`, u = j(null), v = p.length < 1 ? "Missing dimensions config!" : null;
-  H(() => {
-    if (v) return;
-    let f;
-    return f = setTimeout(() => {
-      var T, X, Y;
-      const e = P.new(b);
-      u.current = e, e.setThemes([V.new(e)]), e.interfaceColors.setAll({
-        text: c(i.palette.text.primary),
-        grid: c(i.palette.divider),
-        stroke: c(i.palette.divider)
+import { R as K, A as Q } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as Z, useTheme as ee } from "@mui/material";
+import y from "lodash";
+import { useId as te, useRef as re, useEffect as oe } from "react";
+import { humanizeLabel as E } from "../_common/format.js";
+import { attachCombinedAxisTooltip as ae } from "../_common/tooltip.js";
+import { colorSetFromPalette as se, applyValueFormat as ie } from "../_common/utils.js";
+import { c as p, a as S, p as z } from "../../../Entity-BJCuhdq_.js";
+import { X as ne, V as le } from "../../../AxisRenderer-BCQoUJw6.js";
+import { L as ce } from "../../../Legend-CFvQiIfn.js";
+import { C as me } from "../../../CategoryAxis-B6NqW8qd.js";
+import { T as pe, R as de } from "../../../Tooltip-vyZRZWih.js";
+import { X as ue } from "../../../XYCursor-CVUSpqb9.js";
+import { a as B, A as G } from "../../../AxisRendererY-AXWvGU6r.js";
+import { G as fe, D as he } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as xe } from "../../../DateAxis-DEXKps1S.js";
+import { C as Ae } from "../../../ColumnSeries-CtRTsn-E.js";
+const ze = (I) => {
+  const g = Z({ props: I, name: "HCXYChart" }), {
+    dimensions: l,
+    values: c,
+    data: f,
+    initDelay: V = 0,
+    baseInterval: v,
+    colors: w,
+    skipEmptyDates: b = !1,
+    orientation: D = "vertical",
+    sx: W,
+    ...N
+  } = g, n = ee(), X = `hc-xy-chart-${te().replace(/:/g, "")}`, h = re(null), C = l.length < 1 ? "Missing dimensions config!" : null;
+  oe(() => {
+    if (C) return;
+    let x;
+    return x = setTimeout(() => {
+      var k, L, O;
+      const t = D === "horizontal", e = K.new(X);
+      h.current = e, e.setThemes([Q.new(e)]), e.interfaceColors.setAll({
+        text: p(n.palette.text.primary),
+        grid: p(n.palette.divider),
+        stroke: p(n.palette.divider)
       });
-      const r = e.container.children.push(
-        q.new(e, {
+      const a = e.container.children.push(
+        ne.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -50,137 +50,138 @@ const Fe = (R) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", U(e, g));
-      const G = r.children.push(
-        K.new(e, {
-          centerX: x,
-          x
+      a.set("colors", se(e, w));
+      const q = a.children.push(
+        ce.new(e, {
+          centerX: S,
+          x: S
         })
-      ), a = p[0];
-      let o, m = d;
-      if (a.type === "date") {
-        const t = w ? ae : ie;
-        o = r.xAxes.push(
-          t.new(e, {
+      ), s = l[0], R = t ? B : G, H = t ? G : B, Y = t ? a.yAxes : a.xAxes, M = t ? a.xAxes : a.yAxes;
+      let o, d = f;
+      if (s.type === "date") {
+        const r = b ? fe : xe;
+        o = Y.push(
+          r.new(e, {
             maxDeviation: 0,
-            baseInterval: y || { timeUnit: "day", count: 1 },
-            renderer: L.new(e, { minGridDistance: 60 })
+            baseInterval: v || { timeUnit: "day", count: 1 },
+            renderer: R.new(e, { minGridDistance: 60 })
           })
-        ), m = k.orderBy(d, [a.value]);
+        ), d = y.orderBy(f, [s.value]);
       } else {
-        const t = L.new(e, {
+        const r = R.new(e, {
           cellStartLocation: 0.1,
           cellEndLocation: 0.9,
           minGridDistance: 30
         });
-        o = r.xAxes.push(
-          Z.new(e, {
-            categoryField: a.value,
-            renderer: t
+        o = Y.push(
+          me.new(e, {
+            categoryField: s.value,
+            renderer: r
           })
-        ), t.grid.template.setAll({ location: 1 }), o.labelsContainer.set(
+        ), r.grid.template.setAll({ location: 1 }), o.labelsContainer.set(
           "tooltip",
-          ee.new(e, { pointerOrientation: "down" })
-        ), t.labels.template.setAll({
+          pe.new(e, {
+            pointerOrientation: t ? "right" : "down"
+          })
+        ), r.labels.template.setAll({
           oversizedBehavior: "truncate",
           maxWidth: 150,
           tooltipText: "{category}"
-        }), t.labels.template.setup = function(s) {
-          s.set(
+        }), r.labels.template.setup = function(i) {
+          i.set(
             "background",
-            te.new(e, {
-              fill: c(0),
+            de.new(e, {
+              fill: p(0),
               fillOpacity: 0
             })
           );
-        }, o.onPrivate("cellWidth", function(s) {
-          t.labels.template.set("maxWidth", s);
+        }, t || o.onPrivate("cellWidth", function(i) {
+          r.labels.template.set("maxWidth", i);
         }), e.numberFormatter.setAll({
           numberFormat: "#",
-          numericFields: ["valueX"]
-        }), o.data.setAll(m);
+          numericFields: [t ? "valueY" : "valueX"]
+        });
+        const m = l.length > 1 ? y.uniqBy(d, s.value) : d;
+        o.data.setAll(m);
       }
-      const D = r.yAxes.push(
-        J.new(e, {
-          renderer: Q.new(e, { strokeOpacity: 0.1 })
+      const A = M.push(
+        le.new(e, {
+          renderer: H.new(e, { strokeOpacity: 0.1 }),
+          // Horizontal bars must grow from a zero baseline; otherwise the auto
+          // min crops the axis (e.g. starting at 100) and distorts bar lengths.
+          ...t ? { min: 0 } : {}
         })
-      );
-      (T = o.get("renderer")) == null || T.grid.template.setAll({
-        stroke: c(i.palette.divider),
+      ), U = t ? A : o, _ = t ? o : A;
+      (k = o.get("renderer")) == null || k.grid.template.setAll({
+        stroke: p(n.palette.divider),
         strokeOpacity: 1
-      }), (X = D.get("renderer")) == null || X.grid.template.setAll({
-        stroke: c(i.palette.divider),
+      }), (L = A.get("renderer")) == null || L.grid.template.setAll({
+        stroke: p(n.palette.divider),
         strokeOpacity: 1
       });
-      function C(t, s, h, I) {
-        const l = r.series.push(
-          ne.new(e, {
-            name: t,
-            xAxis: o,
-            yAxis: D,
-            valueYField: I,
-            ...a.type === "date" ? { valueXField: h } : { categoryXField: h }
+      function F(r, m, i, P) {
+        const $ = t ? { valueXField: P } : { valueYField: P }, J = s.type === "date" ? t ? { valueYField: i } : { valueXField: i } : t ? { categoryYField: i } : { categoryXField: i }, u = a.series.push(
+          Ae.new(e, {
+            name: r,
+            xAxis: U,
+            yAxis: _,
+            ...$,
+            ...J
           })
         );
-        l.columns.template.setAll({
-          width: $(90),
+        u.columns.template.setAll({
+          ...t ? { height: z(90) } : { width: z(90) },
           strokeOpacity: 0
-        }), a.type === "date" && (l.data.processor = se.new(e, {
+        }), s.type === "date" && (u.data.processor = he.new(e, {
           dateFormat: "i",
-          dateFields: [h]
-        })), l.data.setAll(s), l.appear(), l.bullets.push(function() {
-          return le.new(e, {
-            locationY: 0,
-            sprite: re.new(e, {
-              text: "{valueY}",
-              fill: e.interfaceColors.get("alternativeText"),
-              centerY: 0,
-              centerX: x,
-              populateText: !0
-            })
-          });
-        }), G.data.push(l);
+          dateFields: [i]
+        })), u.data.setAll(m), u.appear(), q.data.push(u);
       }
-      if (p.length === 1)
-        n.forEach((t) => {
-          C(
-            t.label ?? F(t.name),
-            m,
-            a.value,
-            t.dataFieldName
+      if (l.length === 1)
+        c.forEach((r) => {
+          F(
+            r.label ?? E(r.name),
+            d,
+            s.value,
+            r.dataFieldName
           );
         });
       else {
-        const t = k.groupBy(m, p[1].value);
-        Object.keys(t).forEach((s) => {
-          C(
-            F(s),
-            t[s],
-            a.value,
-            n[0].dataFieldName
+        const r = y.groupBy(d, l[1].value);
+        Object.keys(r).forEach((m) => {
+          F(
+            E(m),
+            r[m],
+            s.value,
+            c[0].dataFieldName
           );
         });
       }
-      r.set(
+      const T = a.set(
         "cursor",
-        oe.new(e, { xAxis: o, behavior: "none" })
-      ).lineY.set("visible", !1), M({
+        ue.new(
+          e,
+          t ? { yAxis: o, behavior: "none" } : { xAxis: o, behavior: "none" }
+        )
+      );
+      t ? T.lineX.set("visible", !1) : T.lineY.set("visible", !1), ae({
         root: e,
-        chart: r,
+        chart: a,
         xAxis: o,
-        theme: i,
-        isDateAxis: a.type === "date",
-        baseInterval: y,
-        follow: !0
-      }), _(e, (Y = n == null ? void 0 : n[0]) == null ? void 0 : Y.format), r.appear(1e3, 100);
-    }, O), () => {
-      var e;
-      f && clearTimeout(f), (e = u.current) == null || e.dispose(), u.current = null;
+        theme: n,
+        isDateAxis: s.type === "date",
+        baseInterval: v,
+        follow: !0,
+        horizontal: t
+      }), ie(e, (O = c == null ? void 0 : c[0]) == null ? void 0 : O.format), a.appear(1e3, 100);
+    }, V), () => {
+      var t;
+      x && clearTimeout(x), (t = h.current) == null || t.dispose(), h.current = null;
     };
-  }, [d, p, n, i.palette.mode, g, w]);
-  const S = { ...A };
-  return { chartId: b, ownerState: S, sx: B, error: v, other: E };
+  }, [f, l, c, n.palette.mode, w, b, D]);
+  const j = { ...g };
+  return { chartId: X, ownerState: j, sx: W, error: C, other: N };
 };
 export {
-  Fe as useXYChartLogic
+  ze as useXYChartLogic
 };

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

@@ -1,25 +1,34 @@
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
-import t from "@mui/icons-material/ArrowForwardIosSharp";
-import { Container as d } from "../container/index.js";
-import { useCollapsibleCardLogic as i } from "./logic.js";
-import { Accordion as c, AccordionSummary as l, SummaryHeader as s, SummaryActions as m, AccordionDetails as x } from "./styled.js";
-const u = { marginTop: 1, borderRadius: "13px" }, h = {
+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 { 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";
+var a = {}, p = c;
+Object.defineProperty(a, "__esModule", {
+  value: !0
+});
+var o = a.default = void 0, v = p(l()), C = d;
+o = a.default = (0, v.default)(/* @__PURE__ */ (0, C.jsx)("path", {
+  d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
+}), "ArrowForwardIosSharp");
+const A = { marginTop: 1, borderRadius: "13px" }, b = {
   p: "0 !important",
   m: 0,
   "& .MuiPaper-root": { borderRadius: "13px" }
-}, y = (e) => {
-  const { state: o } = i(e), { ownerState: r } = o;
-  return /* @__PURE__ */ n(
-    d,
+}, I = (e) => {
+  const { state: i } = s(e), { ownerState: t } = i;
+  return /* @__PURE__ */ r(
+    u,
     {
       disableHeader: !0,
       sx: [
-        u,
+        A,
         ...Array.isArray(e.sx) ? e.sx : [e.sx]
       ],
-      contentSx: h,
-      children: /* @__PURE__ */ a(
-        c,
+      contentSx: b,
+      children: /* @__PURE__ */ n(
+        m,
         {
           disableGutters: !0,
           elevation: 0,
@@ -28,19 +37,19 @@ const u = { marginTop: 1, borderRadius: "13px" }, h = {
           expanded: e.expanded,
           onChange: e.onChange,
           children: [
-            /* @__PURE__ */ a(
-              l,
+            /* @__PURE__ */ n(
+              x,
               {
-                expandIcon: /* @__PURE__ */ n(t, { sx: { fontSize: 12 } }),
+                expandIcon: /* @__PURE__ */ r(o, { sx: { fontSize: 12 } }),
                 "aria-controls": "panel1d-content",
                 id: "panel1d-header",
                 children: [
-                  /* @__PURE__ */ n(s, { ownerState: r, children: e.header }),
-                  /* @__PURE__ */ n(m, { ownerState: r, children: e.actions })
+                  /* @__PURE__ */ r(f, { ownerState: t, children: e.header }),
+                  /* @__PURE__ */ r(h, { ownerState: t, children: e.actions })
                 ]
               }
             ),
-            /* @__PURE__ */ n(x, { children: e.content })
+            /* @__PURE__ */ r(S, { children: e.content })
           ]
         }
       )
@@ -48,5 +57,5 @@ const u = { marginTop: 1, borderRadius: "13px" }, h = {
   );
 };
 export {
-  y as CollapsibleCard
+  I as CollapsibleCard
 };