impact-nova 2.6.2 → 3.0.0-alpha.0

package/dist/components/data-display/chart/chart.js

@@ -1,41 +1,41 @@
-import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
 import * as t from "react";
 import N from "highcharts-react-official";
-import { cn as f } from "../../../lib/utils.js";
+import { cn as p } from "../../../lib/utils.js";
 import { Skeleton as q } from "../skeleton/skeleton.js";
 import { Collapse as j, Expand as B } from "impact-nova-icons";
 import { Button as P } from "../../primitives/button/button.js";
 import { getInitializedHighcharts as T } from "./initializeHighcharts.js";
-import { getBaseChartOptions as O } from "./chart.utils.js";
+import { getBaseChartOptions as O, applySeriesGradient as G } from "./chart.utils.js";
 import { resolveHighchartsOptions as M } from "./resolve-highcharts-options.js";
 import { useImpactNovaI18n as V } from "../../../i18n/use-impact-nova-i18n.js";
 const R = T(), S = t.createContext(null), A = () => {
-  const n = t.useContext(S);
-  if (!n)
+  const r = t.useContext(S);
+  if (!r)
     throw new Error("Chart components must be used within a ChartContainer");
-  return n;
+  return r;
 }, H = t.forwardRef(
-  ({ className: n, children: r, isLoading: l = !1, ...c }, u) => {
-    const a = t.useRef(null), o = t.useRef(null), [m, h] = t.useState(null), [d, p] = t.useState(!1), [g, C] = t.useState(!1), w = t.useCallback((e) => {
-      a.current = e, h(e);
+  ({ className: r, children: l, isLoading: n = !1, ...a }, u) => {
+    const c = t.useRef(null), o = t.useRef(null), [f, d] = t.useState(null), [h, w] = t.useState(!1), [x, C] = t.useState(!1), v = t.useCallback((e) => {
+      c.current = e, d(e);
     }, []);
-    t.useImperativeHandle(u, () => a.current);
-    const x = () => {
-      const e = a.current;
+    t.useImperativeHandle(u, () => c.current);
+    const E = () => {
+      const e = c.current;
       e && (C(!0), e.classList.add("fullscreen-animating"), setTimeout(() => {
-        e.requestFullscreen ? e.requestFullscreen() : "webkitRequestFullscreen" in e ? e.webkitRequestFullscreen() : "msRequestFullscreen" in e && e.msRequestFullscreen(), p(!0), e.classList.remove("fullscreen-animating");
+        e.requestFullscreen ? e.requestFullscreen() : "webkitRequestFullscreen" in e ? e.webkitRequestFullscreen() : "msRequestFullscreen" in e && e.msRequestFullscreen(), w(!0), e.classList.remove("fullscreen-animating");
       }, 200));
-    }, v = () => {
-      const e = a.current;
+    }, F = () => {
+      const e = c.current;
       e && (C(!0), e.classList.add("fullscreen-animating-out"), setTimeout(() => {
-        document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), p(!1), e.classList.remove("fullscreen-animating-out");
+        document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), w(!1), e.classList.remove("fullscreen-animating-out");
       }, 200));
-    }, E = () => {
-      d ? v() : x();
+    }, b = () => {
+      h ? F() : E();
     };
     return t.useEffect(() => {
       const e = () => {
-        document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || p(!1);
+        document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || w(!1);
       };
       return document.addEventListener("fullscreenchange", e), document.addEventListener("webkitfullscreenchange", e), () => {
         document.removeEventListener("fullscreenchange", e), document.removeEventListener(
@@ -47,46 +47,46 @@ const R = T(), S = t.createContext(null), A = () => {
       if (!o?.current?.chart) return;
       const e = o.current.chart;
       let i = null;
-      const L = () => {
-        d && a.current ? (i && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
-          const F = a.current;
-          if (!F) return;
-          const y = F.getBoundingClientRect(), k = F.querySelector('[class*="ChartContent"]');
+      const g = () => {
+        h && c.current ? (i && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+          const m = c.current;
+          if (!m) return;
+          const L = m.getBoundingClientRect(), k = m.querySelector('[class*="ChartContent"]');
           if (k) {
             const z = k.getBoundingClientRect();
             e.setSize(z.width, z.height, !1);
           } else
-            e.setSize(y.width, y.height, !1);
+            e.setSize(L.width, L.height, !1);
           i = null;
         })) : (e.setSize(null, null, !1), e.reflow());
       };
-      return window.addEventListener("resize", L), () => {
-        i && cancelAnimationFrame(i), window.removeEventListener("resize", L);
+      return window.addEventListener("resize", g), () => {
+        i && cancelAnimationFrame(i), window.removeEventListener("resize", g);
       };
-    }, [d]), /* @__PURE__ */ s(
+    }, [h]), /* @__PURE__ */ s(
       S.Provider,
       {
         value: {
-          isExpanded: d,
-          toggleFullscreen: E,
-          isLoading: l,
-          containerRef: a,
-          containerElement: m,
+          isExpanded: h,
+          toggleFullscreen: b,
+          isLoading: n,
+          containerRef: c,
+          containerElement: f,
           chartComponentRef: o
         },
         children: /* @__PURE__ */ s(
           "div",
           {
-            ref: w,
+            ref: v,
             "data-component": "chart",
-            className: f(
-              n,
+            className: p(
+              r,
               "w-full relative bg-canvas-elevated transition-all duration-200 ease-in-out",
-              d && "fixed inset-0 z-50 h-screen w-screen p-4 bg-canvas flex flex-col",
-              g && "overflow-hidden"
+              h && "fixed inset-0 z-50 h-screen w-screen p-4 bg-canvas flex flex-col",
+              x && "overflow-hidden"
             ),
-            ...c,
-            children: r
+            ...a,
+            children: l
           }
         )
       }
@@ -95,111 +95,118 @@ const R = T(), S = t.createContext(null), A = () => {
 );
 H.displayName = "ChartContainer";
 const W = t.forwardRef(
-  ({ className: n, children: r, ...l }, c) => /* @__PURE__ */ s("div", { ref: c, className: f("flex items-center justify-between mb-4", n), ...l, children: r })
+  ({ className: r, children: l, ...n }, a) => /* @__PURE__ */ s("div", { ref: a, className: p("flex items-center justify-between mb-4", r), ...n, children: l })
 );
 W.displayName = "ChartHeader";
 const D = t.forwardRef(
-  ({ className: n, ...r }, l) => /* @__PURE__ */ s("h3", { ref: l, className: f("text-lg font-semibold leading-none tracking-tight", n), ...r })
+  ({ className: r, ...l }, n) => /* @__PURE__ */ s("h3", { ref: n, className: p("text-lg font-semibold leading-none tracking-tight", r), ...l })
 );
 D.displayName = "ChartTitle";
-const G = t.forwardRef(
-  ({ className: n, ...r }, l) => /* @__PURE__ */ s("div", { ref: l, className: f("flex items-center gap-2", n), ...r })
-);
-G.displayName = "ChartActions";
 const J = t.forwardRef(
-  ({ className: n, ...r }, l) => {
-    const { t: c } = V(), { toggleFullscreen: u, isExpanded: a } = A(), o = c("aria.toggleFullscreen");
-    return /* @__PURE__ */ b(
+  ({ className: r, ...l }, n) => /* @__PURE__ */ s("div", { ref: n, className: p("flex items-center gap-2", r), ...l })
+);
+J.displayName = "ChartActions";
+const K = t.forwardRef(
+  ({ className: r, ...l }, n) => {
+    const { t: a } = V(), { toggleFullscreen: u, isExpanded: c } = A(), o = a("aria.toggleFullscreen");
+    return /* @__PURE__ */ y(
       P,
       {
         variant: "ghost",
         size: "icon",
         onClick: u,
-        ref: l,
-        className: f("h-8 w-8", n),
+        ref: n,
+        className: p("h-8 w-8", r),
         "aria-label": o,
-        ...r,
+        ...l,
         children: [
-          a ? /* @__PURE__ */ s(j, { className: "h-4 w-4" }) : /* @__PURE__ */ s(B, { className: "h-4 w-4" }),
+          c ? /* @__PURE__ */ s(j, { className: "h-4 w-4" }) : /* @__PURE__ */ s(B, { className: "h-4 w-4" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: o })
         ]
       }
     );
   }
 );
-J.displayName = "ChartFullScreen";
+K.displayName = "ChartFullScreen";
 const I = t.forwardRef(
-  ({ className: n, children: r, loader: l, ...c }, u) => {
-    const { isLoading: a, chartComponentRef: o, isExpanded: m } = A();
-    return a && l ? /* @__PURE__ */ s("div", { ref: u, className: f(n, "w-full relative flex items-center justify-center flex-1 min-h-[300px]", m && "min-h-0"), ...c, children: l }) : /* @__PURE__ */ b("div", { ref: u, className: f(n, "w-full relative flex-1 min-h-[300px]", m && "min-h-0"), ...c, children: [
-      a && /* @__PURE__ */ b("div", { className: "absolute inset-0 z-10 bg-canvas/50 flex flex-col gap-2 p-4", children: [
+  ({ className: r, children: l, loader: n, ...a }, u) => {
+    const { isLoading: c, chartComponentRef: o, isExpanded: f } = A();
+    return c && n ? /* @__PURE__ */ s("div", { ref: u, className: p(r, "w-full relative flex items-center justify-center flex-1 min-h-[300px]", f && "min-h-0"), ...a, children: n }) : /* @__PURE__ */ y("div", { ref: u, className: p(r, "w-full relative flex-1 min-h-[300px]", f && "min-h-0"), ...a, children: [
+      c && /* @__PURE__ */ y("div", { className: "absolute inset-0 z-10 bg-canvas/50 flex flex-col gap-2 p-4", children: [
         /* @__PURE__ */ s(q, { className: "h-8 w-1/3" }),
         /* @__PURE__ */ s(q, { className: "flex-1 w-full" })
       ] }),
-      t.Children.map(r, (h) => t.isValidElement(h) ? t.cloneElement(h, { ref: o }) : h)
+      t.Children.map(l, (d) => t.isValidElement(d) ? t.cloneElement(d, { ref: o }) : d)
     ] });
   }
 );
 I.displayName = "ChartContent";
-const K = t.forwardRef(
-  (n, r) => {
+const Q = t.forwardRef(
+  (r, l) => {
     const {
-      height: l,
-      width: c,
+      height: n,
+      width: a,
       className: u,
-      isLoading: a,
+      isLoading: c,
       loader: o,
-      title: m,
-      noWrapper: h,
-      children: d,
-      ...p
-    } = n, g = t.useContext(S), [C, w] = t.useState(null), x = t.useCallback((i) => {
-      w(i);
-    }, []), v = t.useMemo(() => {
-      const i = O({ title: m, ...p });
+      title: f,
+      noWrapper: d,
+      gradient: h,
+      children: w,
+      ...x
+    } = r, C = t.useContext(S), [v, E] = t.useState(null), F = t.useCallback((m) => {
+      E(m);
+    }, []), b = t.useMemo(() => {
+      const m = O({ title: f, ...x });
       return {
-        ...i,
+        ...m,
         chart: {
-          ...i.chart,
-          height: l ?? null,
-          width: c ?? null
+          ...m.chart,
+          height: n ?? null,
+          width: a ?? null
         }
       };
-    }, [m, l, c, p]), E = g?.containerElement ?? C, e = M(v, E);
-    return h ? /* @__PURE__ */ s("div", { ref: x, className: "h-full w-full", children: /* @__PURE__ */ s(
+    }, [f, n, a, x]), e = C?.containerElement ?? v ?? (typeof document > "u" ? null : document.documentElement), i = G(
+      M(b, e),
+      h
+    ), g = {
+      height: typeof n == "number" ? n : n ?? "100%",
+      width: typeof a == "number" ? a : a ?? "100%"
+    };
+    return d ? /* @__PURE__ */ s("div", { ref: F, className: "h-full w-full", children: /* @__PURE__ */ s(
       N,
       {
         highcharts: R,
-        options: e,
-        ref: r,
-        containerProps: { style: { height: "100%", width: "100%" } }
+        options: i,
+        ref: l,
+        containerProps: { style: g }
       }
-    ) }) : g ? /* @__PURE__ */ s(
+    ) }) : C ? /* @__PURE__ */ s(
       N,
       {
         highcharts: R,
-        options: e,
-        ref: r,
-        containerProps: { style: { height: "100%", width: "100%" } }
+        options: i,
+        ref: l,
+        containerProps: { style: g }
       }
-    ) : /* @__PURE__ */ s(H, { className: u, isLoading: a, children: /* @__PURE__ */ s(I, { loader: o, children: /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ s(H, { className: u, isLoading: c, children: /* @__PURE__ */ s(I, { loader: o, children: /* @__PURE__ */ s(
       N,
       {
         highcharts: R,
-        options: e,
-        ref: r,
-        containerProps: { style: { height: "100%", width: "100%" } }
+        options: i,
+        ref: l,
+        containerProps: { style: g }
       }
     ) }) });
   }
 );
-K.displayName = "Chart";
+Q.displayName = "Chart";
 export {
-  K as Chart,
-  G as ChartActions,
+  Q as Chart,
+  J as ChartActions,
   H as ChartContainer,
   I as ChartContent,
-  J as ChartFullScreen,
+  K as ChartFullScreen,
   W as ChartHeader,
   D as ChartTitle
 };

package/dist/components/data-display/chart/chart.types.d.ts

@@ -1,6 +1,10 @@
 import type * as Highcharts from 'highcharts';
 export type ChartSeriesOptions = Highcharts.SeriesOptionsType;
 export type ChartType = ChartSeriesOptions['type'];
+export interface ChartGradientOptions {
+    /** Opacity (0–1) at the faded end, near the axis baseline. Defaults to `0.1`. */
+    fadeTo?: number;
+}
 /**
  * Impact Nova chart props — a styled wrapper around Highcharts only.
  *
@@ -17,11 +21,17 @@ export interface ChartProps {
     subtitle?: string;
     xAxisCategories?: string[];
     xAxisTitle?: string;
+    yAxisCategories?: string[];
     yAxisTitle?: string;
     stacked?: boolean;
     is3D?: boolean;
     showLegend?: boolean;
     showTooltip?: boolean;
+    /**
+     * Fill column/bar series with their palette color fading toward the axis baseline.
+     * Series with an explicit `color` are left unchanged; use `chartGradient()` for those.
+     */
+    gradient?: boolean | ChartGradientOptions;
     options?: Highcharts.Options;
     height?: number | string;
     width?: number | string;

package/dist/components/data-display/chart/chart.utils.d.ts

@@ -1,3 +1,15 @@
-import { ChartProps } from './chart.types';
-import type * as Highcharts from 'highcharts';
+import { default as Highcharts } from 'highcharts';
+import { ChartGradientOptions, ChartProps } from './chart.types';
+/**
+ * Column/bar gradient from `color` at the value end to a faded copy at the baseline.
+ * Highcharts draws bar charts as rotated columns, so one vertical gradient covers both.
+ * Design tokens resolve against the document root; prefer the `gradient` prop on
+ * `Chart`, which resolves against the chart's theme scope.
+ */
+export declare function chartGradient(color: string, { fadeTo }?: ChartGradientOptions): Highcharts.GradientColorObject;
+/**
+ * Give column/bar series without an explicit `color` a gradient of their palette color.
+ * Must run after design tokens are resolved so `options.colors` holds concrete colors.
+ */
+export declare function applySeriesGradient(options: Highcharts.Options, gradient: ChartProps['gradient']): Highcharts.Options;
 export declare const getBaseChartOptions: (props: ChartProps) => Highcharts.Options;

package/dist/components/data-display/chart/chart.utils.js

@@ -1,26 +1,98 @@
-import { CHART_PALETTE_CSS_VARS as g } from "./chart-palette.js";
-const u = (i) => {
+import h from "highcharts";
+import { CHART_PALETTE_CSS_VARS as x } from "./chart-palette.js";
+import { resolveDesignTokenColor as m } from "../../../lib/resolve-design-token-color.js";
+function v(o, { fadeTo: i = 0.1 } = {}) {
+  const n = typeof document > "u" ? o : m(o), a = h.color(n).setOpacity(Math.min(Math.max(i, 0), 1)).get("rgba");
+  return {
+    linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+    stops: [
+      [0, n],
+      [1, a]
+    ]
+  };
+}
+const A = /* @__PURE__ */ new Set(["column", "bar"]);
+function D(o, i) {
+  const { series: n, colors: a } = o;
+  if (!i || !n || !a?.length) return o;
+  const p = i === !0 ? {} : i, s = o.chart?.type ?? "column";
+  return {
+    ...o,
+    series: n.map((t, d) => {
+      const u = "type" in t && t.type || s;
+      if (!A.has(u) || "color" in t && t.color)
+        return t;
+      const e = "colorIndex" in t && typeof t.colorIndex == "number" ? t.colorIndex : d, l = a[e % a.length];
+      if (typeof l != "string") return t;
+      const c = v(l, p), f = "negativeColor" in t && t.negativeColor;
+      return {
+        ...t,
+        color: c,
+        // Points below the threshold grow away from the axis the other way; flip the fade.
+        ...!f && {
+          negativeColor: { ...c, linearGradient: { x1: 0, y1: 1, x2: 0, y2: 0 } }
+        }
+      };
+    })
+  };
+}
+function S(o) {
+  return !o || Array.isArray(o) ? {} : o;
+}
+function g(o) {
+  return {
+    ...o,
+    style: {
+      ...o.style,
+      pointerEvents: "none"
+    }
+  };
+}
+function C(o, i) {
+  const n = i?.dataLabels;
+  if (Array.isArray(n))
+    return n.map(g);
+  const a = S(o?.dataLabels);
+  return g({
+    ...a,
+    ...n,
+    style: {
+      ...a.style,
+      ...n?.style,
+      pointerEvents: "none"
+    }
+  });
+}
+function O(o, i) {
+  return {
+    ...o,
+    ...i,
+    dataLabels: C(o, i)
+  };
+}
+const E = (o) => {
   const {
-    type: l = "column",
-    title: a,
-    subtitle: s,
-    xAxisCategories: n,
-    xAxisTitle: e,
+    type: i = "column",
+    title: n,
+    subtitle: a,
+    xAxisCategories: p,
+    xAxisTitle: s,
+    yAxisCategories: t,
     yAxisTitle: d,
-    series: c,
-    options: o,
-    stacked: t,
-    is3D: p,
+    series: u,
+    options: e,
+    stacked: l,
+    is3D: c,
     showLegend: f = !0,
     showTooltip: y = !0
-  } = i, r = {
+  } = o, r = {
     chart: {
-      type: l,
+      type: i,
       backgroundColor: "transparent",
       style: {
         fontFamily: "Manrope, sans-serif"
       },
-      options3d: p ? {
+      options3d: c ? {
         enabled: !0,
         alpha: 15,
         beta: 15,
@@ -29,7 +101,7 @@ const u = (i) => {
       } : void 0
     },
     title: {
-      text: a ?? "",
+      text: n ?? "",
       align: "left",
       style: {
         fontSize: "18px",
@@ -38,7 +110,7 @@ const u = (i) => {
       }
     },
     subtitle: {
-      text: s,
+      text: a,
       align: "left"
     },
     credits: {
@@ -54,9 +126,9 @@ const u = (i) => {
       }
     },
     xAxis: {
-      categories: n,
-      title: e ? {
-        text: e,
+      categories: p,
+      title: s ? {
+        text: s,
         style: {
           color: "var(--color-foreground-tertiary)",
           fontFamily: '"Manrope", sans-serif',
@@ -79,6 +151,7 @@ const u = (i) => {
       }
     },
     yAxis: {
+      categories: t,
       title: {
         text: d,
         margin: 30,
@@ -126,16 +199,16 @@ const u = (i) => {
       },
       shadow: !0
     },
-    colors: [...g],
+    colors: [...x],
     plotOptions: {
       column: {
         borderRadius: 4,
-        stacking: t ? "normal" : void 0,
+        stacking: l ? "normal" : void 0,
         borderWidth: 0
       },
       bar: {
         borderRadius: 4,
-        stacking: t ? "normal" : void 0,
+        stacking: l ? "normal" : void 0,
         borderWidth: 1,
         borderColor: "var(--color-background)"
       },
@@ -147,55 +220,79 @@ const u = (i) => {
         },
         showInLegend: !0
       },
+      heatmap: {
+        enableMouseTracking: !0,
+        stickyTracking: !1,
+        cursor: "pointer",
+        dataLabels: {
+          style: {
+            pointerEvents: "none"
+          }
+        }
+      },
       series: {
         animation: {
           duration: 1e3
         }
       }
     },
-    series: c
+    series: u
   };
   return {
     ...r,
-    ...o,
-    colors: o?.colors ?? r.colors,
+    ...e,
+    colors: e?.colors ?? r.colors,
     chart: {
       ...r.chart,
-      ...o?.chart
+      ...e?.chart
     },
     xAxis: {
       ...r.xAxis,
-      ...Array.isArray(o?.xAxis) ? {} : o?.xAxis
+      ...Array.isArray(e?.xAxis) ? {} : e?.xAxis
     },
-    yAxis: Array.isArray(o?.yAxis) ? o?.yAxis.map((b) => ({
+    yAxis: Array.isArray(e?.yAxis) ? e?.yAxis.map((b) => ({
       ...r.yAxis,
       ...b
     })) : {
       ...r.yAxis,
-      ...o?.yAxis
+      ...e?.yAxis
     },
     plotOptions: {
       ...r.plotOptions,
-      ...o?.plotOptions,
+      ...e?.plotOptions,
       column: {
         ...r.plotOptions?.column,
-        ...o?.plotOptions?.column
+        ...e?.plotOptions?.column
       },
       bar: {
         ...r.plotOptions?.bar,
-        ...o?.plotOptions?.bar
+        ...e?.plotOptions?.bar
       },
       pie: {
         ...r.plotOptions?.pie,
-        ...o?.plotOptions?.pie
+        ...e?.plotOptions?.pie
       },
+      heatmap: O(
+        r.plotOptions?.heatmap,
+        e?.plotOptions?.heatmap
+      ),
       series: {
         ...r.plotOptions?.series,
-        ...o?.plotOptions?.series
+        ...e?.plotOptions?.series
       }
+    },
+    tooltip: {
+      ...r.tooltip,
+      ...e?.tooltip
+    },
+    legend: {
+      ...r.legend,
+      ...e?.legend
     }
   };
 };
 export {
-  u as getBaseChartOptions
+  D as applySeriesGradient,
+  v as chartGradient,
+  E as getBaseChartOptions
 };

package/dist/components/data-display/chart/index.js

@@ -1,18 +1,20 @@
-import { Chart as C, ChartActions as e, ChartContainer as a, ChartContent as o, ChartFullScreen as h, ChartHeader as A, ChartTitle as S } from "./chart.js";
-import { getBaseChartOptions as _ } from "./chart.utils.js";
-import { CHART_CANONICAL_CSS_VARS as l, CHART_PALETTE_CSS_VARS as s, CHART_PALETTE_SIZE as E, chartPaletteCssVar as R, resolveChartPalette as i } from "./chart-palette.js";
+import { Chart as e, ChartActions as a, ChartContainer as C, ChartContent as h, ChartFullScreen as o, ChartHeader as A, ChartTitle as n } from "./chart.js";
+import { applySeriesGradient as T, chartGradient as _, getBaseChartOptions as i } from "./chart.utils.js";
+import { CHART_CANONICAL_CSS_VARS as s, CHART_PALETTE_CSS_VARS as p, CHART_PALETTE_SIZE as E, chartPaletteCssVar as R, resolveChartPalette as c } from "./chart-palette.js";
 export {
-  l as CHART_CANONICAL_CSS_VARS,
-  s as CHART_PALETTE_CSS_VARS,
+  s as CHART_CANONICAL_CSS_VARS,
+  p as CHART_PALETTE_CSS_VARS,
   E as CHART_PALETTE_SIZE,
-  C as Chart,
-  e as ChartActions,
-  a as ChartContainer,
-  o as ChartContent,
-  h as ChartFullScreen,
+  e as Chart,
+  a as ChartActions,
+  C as ChartContainer,
+  h as ChartContent,
+  o as ChartFullScreen,
   A as ChartHeader,
-  S as ChartTitle,
+  n as ChartTitle,
+  T as applySeriesGradient,
+  _ as chartGradient,
   R as chartPaletteCssVar,
-  _ as getBaseChartOptions,
-  i as resolveChartPalette
+  i as getBaseChartOptions,
+  c as resolveChartPalette
 };