@acronis-platform/ui-react 3.0.0 → 4.1.0

package/dist/components/ui/composed-chart/composed-chart.js

@@ -1,432 +1,297 @@
-import { jsx as o, jsxs as T, Fragment as pe } from "react/jsx-runtime";
-import * as kt from "react";
-import { cva as gt } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { ComposedChart as At, CartesianGrid as Ct, Brush as bt, XAxis as B, YAxis as z, LabelList as Rt, Bar as Lt, Area as Dt, Line as It, ReferenceArea as xt, ReferenceLine as Et } from "recharts";
-import { cn as _t } from "../../../lib/utils.js";
-import { resolveAnimation as St, resolveCategoryRange as he, resolveChartReferenceValue as Nt, CHART_LABEL_MARGIN as Tt, resolveBrushProps as Bt, resolveRotatedTickAnchor as ve, resolveCartesianLabelPosition as zt, CHART_LABEL_FONT_SIZE as Ot, resolveLabelFillClass as wt, toLabelFormatter as Ft, resolveReferenceLineProps as Vt, resolveXAxisTitle as ue, resolveXAxisHeight as $t, resolveAxisDomain as me, resolveYAxisTitle as ke } from "../chart/chart-format.js";
-import { ChartLegendContent as ge, ChartContainer as Mt, ChartTooltip as Ht, ChartTooltipContent as Wt, ChartLegend as Kt } from "../chart/chart.js";
-const Xt = gt("", {
-  variants: {
-    orientation: {
-      vertical: "",
-      horizontal: ""
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical"
-  }
-}), Pt = 100, Gt = 50, O = "secondary", Zt = { top: 5, right: 5, bottom: 5, left: 5 }, jt = 0.85, Ut = { top: 16 }, qt = kt.forwardRef(
-  ({
-    className: Ae,
-    config: Ce,
-    data: y,
-    series: c,
-    xKey: d,
-    referenceLine: h,
-    referenceArea: v,
-    orientation: g = "vertical",
-    xAxisLabel: w,
-    yAxisLabel: A,
-    xUnit: be,
-    yUnit: Re,
-    curve: F = "monotone",
-    barRadius: Le = 4,
-    barSize: De,
-    barGap: Ie,
-    barCategoryGap: xe,
-    showBackground: Ee = !1,
-    backgroundFill: _e = "var(--ui-background-surface-secondary)",
-    showActiveBar: Se = !1,
-    fillOpacity: Ne = 0.3,
-    strokeWidth: V,
-    showDots: Te = !1,
-    showActiveDots: Be,
-    connectNulls: ze = !1,
-    margin: C,
-    showGrid: Oe = !0,
-    showTooltip: we = !0,
-    tooltipCursor: Fe = !0,
-    showLegend: Ve = !0,
-    legendPosition: b = "bottom",
-    showXAxis: $ = !0,
-    showYAxis: M = !0,
-    xTickFormatter: R,
-    yTickFormatter: L,
-    xAxisAngle: f,
-    xAxisInterval: H,
-    yAxisTickCount: W,
-    yAxisDomain: $e,
-    yAxisOrientation: D,
-    showSecondaryYAxis: K = !0,
-    secondaryYAxisLabel: I,
-    secondaryYUnit: X,
-    secondaryYTickFormatter: P,
-    secondaryYAxisTickCount: G,
-    secondaryYAxisDomain: Me,
-    gridDashed: He,
-    gridHorizontal: We,
-    gridVertical: Ke,
-    tooltipContent: Xe,
-    animate: Pe,
-    animationDuration: Ge,
-    animationBegin: Ze,
-    animationEasing: je,
-    showLabels: Z = !1,
-    labelPosition: Ue,
-    labelFormatter: qe,
-    showBrush: Je = !1,
-    brushHeight: Qe,
-    brushAriaLabel: Ye,
-    ...et
-  }, tt) => {
-    const x = St({
-      animate: Pe,
-      animationDuration: Ge,
-      animationBegin: Ze,
-      animationEasing: je
-    }), r = g === "horizontal", j = ue(w), u = c.some((e) => e.yAxis === "secondary"), ot = c.some((e) => e.yAxis !== "secondary"), m = u && !ot, U = D ?? "left", q = U === "left" ? "right" : "left", J = ke(
-      A,
-      r ? "left" : U
-    ), at = ke(
-      I,
-      q
-    ), rt = ue(
-      I,
-      "insideTop"
-    ), Q = me($e), Y = me(Me), E = (e) => {
-      const t = e === "secondary" ? O : void 0;
-      return r ? { xAxisId: t } : { yAxisId: t };
-    }, ee = m ? E("secondary") : {}, te = $t(w, f), it = h ? Array.isArray(h) ? h : [h] : [], nt = (v ? Array.isArray(v) ? v : [v] : []).map((e) => ({ area: e, range: he(e, y, d) })).filter(
-      (e) => e.range !== void 0
-    ), oe = m ? "secondary" : "primary", ae = (e) => e.yAxis ?? "primary", st = new Map(c.map((e) => [e.key, ae(e)])), lt = (e) => c.filter((t) => ae(t) === e).map((t) => t.key), re = new Set(
-      c.filter((e) => e.legendType === "none").map((e) => e.key)
-    ), p = (e) => {
-      var t;
-      return ((t = y[e]) == null ? void 0 : t[d]) ?? void 0;
-    }, ie = it.map((e) => {
-      const t = e.category !== void 0 ? he(
-        { from: e.category, to: e.category },
-        y,
-        d
-      ) : void 0, a = e.yAxis ?? (typeof e.average == "string" ? st.get(e.average) ?? oe : oe), i = Nt(e, y, lt(a)), n = t ? p(t[0]) : void 0;
-      return { line: e, lineAxis: a, position: i !== void 0 ? r ? { x: i } : { y: i } : n !== void 0 ? r ? { y: n } : { x: n } : void 0, isVerticalRule: i !== void 0 === r };
-    }).filter(
-      (e) => e.position !== void 0
-    ), ne = Z ? Tt : void 0, se = ie.some(
-      (e) => e.line.label && e.isVerticalRule
-    ) ? Ut : void 0, ct = C || ne || se ? {
-      ...C ? Zt : {},
-      ...se,
-      ...ne,
-      ...C
-    } : void 0, le = /* @__PURE__ */ new Map();
-    c.forEach((e, t) => {
-      e.stackId && e.type !== "line" && le.set(`${e.type}-${e.stackId}`, t);
-    });
-    const dt = () => /* @__PURE__ */ T(pe, { children: [
-      /* @__PURE__ */ o(
-        B,
-        {
-          type: "number",
-          hide: !$ || m,
-          tickLine: !1,
-          axisLine: !1,
-          unit: be,
-          tickFormatter: R,
-          angle: f,
-          interval: H,
-          textAnchor: ve(f),
-          tickCount: W,
-          domain: Q,
-          height: te,
-          label: j
-        }
-      ),
-      /* @__PURE__ */ o(
-        z,
-        {
-          dataKey: d,
-          type: "category",
-          hide: !M,
-          tickLine: !1,
-          axisLine: !1,
-          tickFormatter: L,
-          width: A ? 96 : 80,
-          label: J
-        }
-      ),
-      u && /* @__PURE__ */ o(
-        B,
-        {
-          xAxisId: O,
-          type: "number",
-          hide: !K,
-          orientation: "top",
-          tickLine: !1,
-          axisLine: !1,
-          unit: X,
-          tickFormatter: P,
-          tickCount: G,
-          domain: Y,
-          label: rt
-        }
-      )
-    ] }), yt = () => /* @__PURE__ */ T(pe, { children: [
-      /* @__PURE__ */ o(
-        B,
-        {
-          dataKey: d,
-          type: "category",
-          hide: !$,
-          tickLine: !1,
-          axisLine: !1,
-          tickMargin: 8,
-          tickFormatter: R,
-          angle: f,
-          interval: H,
-          textAnchor: ve(f),
-          height: te,
-          label: j
-        }
-      ),
-      /* @__PURE__ */ o(
-        z,
-        {
-          type: "number",
-          hide: !M || m,
-          ...D ? { orientation: D } : {},
-          tickLine: !1,
-          axisLine: !1,
-          unit: Re,
-          tickFormatter: L,
-          tickCount: W,
-          domain: Q,
-          width: A ? 72 : void 0,
-          label: J
-        }
-      ),
-      u && /* @__PURE__ */ o(
-        z,
-        {
-          yAxisId: O,
-          type: "number",
-          hide: !K,
-          orientation: q,
-          tickLine: !1,
-          axisLine: !1,
-          unit: X,
-          tickFormatter: P,
-          tickCount: G,
-          domain: Y,
-          width: I ? 72 : void 0,
-          label: at
-        }
-      )
-    ] }), ft = re.size > 0 ? (e) => {
-      var t;
-      return /* @__PURE__ */ o(
-        ge,
-        {
-          verticalAlign: b,
-          payload: (t = e.payload) == null ? void 0 : t.filter(
-            (a) => !re.has(String(a.dataKey))
-          )
-        }
-      );
-    } : /* @__PURE__ */ o(ge, { verticalAlign: b }), pt = (e, t) => {
-      const a = e.color ?? `var(--color-${e.key})`, i = Pt + t, n = E(e.yAxis), s = e.stackId && e.type !== "line" ? `${e.type}-${e.stackId}` : void 0, ce = e.fillOpacity ?? Ne, de = e.connectNulls ?? ze, ye = e.showDots ?? Te, k = e.showActiveDots ?? Be, _ = e.legendType ? { legendType: e.legendType } : {}, fe = zt({
-        labelPosition: Ue,
-        isStacked: s !== void 0,
-        growingEnd: r ? "right" : "top"
-      }), S = Z ? /* @__PURE__ */ o(
-        Rt,
-        {
-          dataKey: e.key,
-          position: fe,
-          formatter: Ft(qe),
-          className: wt(fe, {
-            translucentSeries: e.type === "area"
-          }),
-          fontSize: Ot
-        }
-      ) : null;
-      if (e.type === "bar") {
-        const l = e.barRadius ?? Le, N = s === void 0 || le.get(s) === t, ut = e.showBackground ?? Ee, mt = e.showActiveBar ?? Se;
-        return /* @__PURE__ */ o(
-          Lt,
-          {
-            dataKey: e.key,
-            ...n,
-            fill: a,
-            radius: l > 0 && N ? r ? [0, l, l, 0] : [l, l, 0, 0] : void 0,
-            zIndex: i,
-            ...s ? { stackId: s } : {},
-            ...e.barSize !== void 0 ? { barSize: e.barSize } : {},
-            ...e.fillOpacity !== void 0 ? { fillOpacity: e.fillOpacity } : {},
-            ...e.strokeDasharray !== void 0 ? {
-              stroke: a,
-              strokeDasharray: e.strokeDasharray,
-              ...e.strokeWidth !== void 0 ? { strokeWidth: e.strokeWidth } : {}
-            } : {},
-            ...ut ? { background: { fill: _e } } : {},
-            ...mt ? { activeBar: { fillOpacity: jt } } : {},
-            ..._,
-            ...x,
-            children: S
-          },
-          e.key
-        );
-      }
-      if (e.type === "area") {
-        const l = e.strokeWidth ?? V, N = l !== void 0 ? { strokeWidth: l } : {};
-        return /* @__PURE__ */ o(
-          Dt,
-          {
-            type: e.curve ?? F,
-            dataKey: e.key,
-            ...n,
-            stroke: a,
-            fill: a,
-            fillOpacity: ce,
-            zIndex: i,
-            ...s ? { stackId: s } : {},
-            ...N,
-            ...e.strokeDasharray !== void 0 ? { strokeDasharray: e.strokeDasharray } : {},
-            dot: ye ? { r: 3 } : !1,
-            ...k !== void 0 ? { activeDot: k ? { r: 5 } : !1 } : {},
-            connectNulls: de,
-            ..._,
-            ...x,
-            children: S
-          },
-          e.key
-        );
-      }
-      return /* @__PURE__ */ o(
-        It,
-        {
-          type: e.curve ?? F,
-          dataKey: e.key,
-          ...n,
-          stroke: a,
-          strokeWidth: e.strokeWidth ?? V ?? 2,
-          dot: ye ? { r: 3 } : !1,
-          zIndex: i,
-          ...e.strokeDasharray !== void 0 ? { strokeDasharray: e.strokeDasharray } : {},
-          ...k !== void 0 ? { activeDot: k ? { r: 5 } : !1 } : {},
-          connectNulls: de,
-          ..._,
-          ...x,
-          children: S
-        },
-        e.key
-      );
-    }, ht = ({ area: e, range: t }, a) => {
-      const [i, n] = t;
-      return /* @__PURE__ */ o(
-        xt,
-        {
-          ...ee,
-          ...r ? { y1: p(i), y2: p(n) } : { x1: p(i), x2: p(n) },
-          fill: "var(--ui-background-surface-secondary)",
-          fillOpacity: 0.6,
-          zIndex: Gt,
-          ifOverflow: "extendDomain",
-          label: e.label ? {
-            value: e.label,
-            position: "insideTop",
-            fill: "var(--ui-text-on-surface-secondary)",
-            fontSize: 12
-          } : void 0
-        },
-        `${e.label ?? "area"}-${a}`
-      );
-    }, vt = ({
-      line: e,
-      lineAxis: t,
-      position: a,
-      isVerticalRule: i
-    }, n) => /* @__PURE__ */ o(
-      Et,
-      {
-        ...t === "secondary" && u ? E("secondary") : {},
-        ...a,
-        ...Vt(
-          e.label,
-          e.labelPosition ?? (i ? "top" : "insideTopRight")
-        )
-      },
-      `${e.label ?? "ref"}-${n}`
-    );
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        ref: tt,
-        "data-orientation": g,
-        className: _t(Xt({ orientation: g }), Ae),
-        ...et,
-        children: /* @__PURE__ */ o(
-          Mt,
-          {
-            config: Ce,
-            className: "size-full [&_.recharts-label]:fill-foreground",
-            children: /* @__PURE__ */ T(
-              At,
-              {
-                data: y,
-                layout: r ? "vertical" : "horizontal",
-                barSize: De,
-                barGap: Ie,
-                barCategoryGap: xe,
-                margin: ct,
-                children: [
-                  Oe && /* @__PURE__ */ o(
-                    Ct,
-                    {
-                      ...ee,
-                      horizontal: We ?? !r,
-                      vertical: Ke ?? r,
-                      strokeDasharray: He ? "3 3" : void 0
-                    }
-                  ),
-                  r ? dt() : yt(),
-                  we && /* @__PURE__ */ o(
-                    Ht,
-                    {
-                      ...Fe ? {} : { cursor: !1 },
-                      content: Xe ?? /* @__PURE__ */ o(Wt, {})
-                    }
-                  ),
-                  Ve && /* @__PURE__ */ o(
-                    Kt,
-                    {
-                      verticalAlign: b,
-                      content: ft
-                    }
-                  ),
-                  c.map(pt),
-                  nt.map(ht),
-                  ie.map(vt),
-                  Je && /* @__PURE__ */ o(
-                    bt,
-                    {
-                      dataKey: d,
-                      tickFormatter: r ? L : R,
-                      ...Bt({ brushHeight: Qe, brushAriaLabel: Ye })
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-qt.displayName = "ComposedChart";
-export {
-  qt as ComposedChart,
-  Xt as composedChartVariants
-};
-//# sourceMappingURL=composed-chart.js.map
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { ChartContainer as n, ChartLegend as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o } from "../chart/chart.js";
+import { CHART_LABEL_MARGIN as s, resolveAnimation as c, resolveAxisDomain as l, resolveBrushProps as u, resolveCartesianLabelPosition as d, resolveCategoryRange as f, resolveChartReferenceValue as p, resolveLabelFillClass as ee, resolveReferenceLineProps as te, resolveRotatedTickAnchor as ne, resolveXAxisHeight as re, resolveXAxisTitle as m, resolveYAxisTitle as h, toLabelFormatter as ie } from "../chart/chart-format.js";
+import * as g from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Area as ae, Bar as oe, Brush as se, CartesianGrid as ce, ComposedChart as le, LabelList as ue, Line as de, ReferenceArea as fe, ReferenceLine as pe, XAxis as b, YAxis as x } from "recharts";
+//#region src/components/ui/composed-chart/composed-chart.tsx
+var me = t("", {
+	variants: { orientation: {
+		vertical: "",
+		horizontal: ""
+	} },
+	defaultVariants: { orientation: "vertical" }
+}), he = 100, ge = 50, S = "secondary", _e = {
+	top: 5,
+	right: 5,
+	bottom: 5,
+	left: 5
+}, ve = .85, ye = { top: 16 }, C = g.forwardRef(({ className: t, config: g, palette: C, data: w, series: T, xKey: E, referenceLine: D, referenceArea: O, orientation: k = "vertical", xAxisLabel: A, yAxisLabel: j, xUnit: be, yUnit: xe, curve: M = "monotone", barRadius: Se = 4, barSize: Ce, barGap: we, barCategoryGap: Te, showBackground: Ee = !1, backgroundFill: De = "var(--ui-background-surface-secondary)", showActiveBar: Oe = !1, fillOpacity: ke = .3, strokeWidth: N, showDots: Ae = !1, showActiveDots: je, connectNulls: Me = !1, margin: P, showGrid: Ne = !0, showTooltip: Pe = !0, tooltipCursor: Fe = !0, showLegend: Ie = !0, legendPosition: F = "bottom", showXAxis: I = !0, showYAxis: L = !0, xTickFormatter: R, yTickFormatter: z, xAxisAngle: B, xAxisInterval: V, yAxisTickCount: H, yAxisDomain: Le, yAxisOrientation: U, showSecondaryYAxis: W = !0, secondaryYAxisLabel: G, secondaryYUnit: K, secondaryYTickFormatter: Re, secondaryYAxisTickCount: ze, secondaryYAxisDomain: Be, gridDashed: Ve, gridHorizontal: He, gridVertical: Ue, tooltipContent: We, animate: Ge, animationDuration: Ke, animationBegin: qe, animationEasing: Je, showLabels: Ye = !1, labelPosition: Xe, labelFormatter: Ze, showBrush: Qe = !1, brushHeight: $e, brushAriaLabel: et, ...tt }, nt) => {
+	let q = c({
+		animate: Ge,
+		animationDuration: Ke,
+		animationBegin: qe,
+		animationEasing: Je
+	}), J = k === "horizontal", rt = m(A), Y = T.some((e) => e.yAxis === "secondary"), it = T.some((e) => e.yAxis !== "secondary"), X = Y && !it, at = U ?? "left", ot = at === "left" ? "right" : "left", st = h(j, J ? "left" : at), ct = h(G, ot), lt = m(G, "insideTop"), ut = l(Le), dt = l(Be), Z = (e) => {
+		let t = e === "secondary" ? S : void 0;
+		return J ? { xAxisId: t } : { yAxisId: t };
+	}, ft = X ? Z("secondary") : {}, Q = re(A, B), pt = D ? Array.isArray(D) ? D : [D] : [], mt = (O ? Array.isArray(O) ? O : [O] : []).map((e) => ({
+		area: e,
+		range: f(e, w, E)
+	})).filter((e) => e.range !== void 0), ht = X ? "secondary" : "primary", gt = (e) => e.yAxis ?? "primary", _t = new Map(T.map((e) => [e.key, gt(e)])), vt = (e) => T.filter((t) => gt(t) === e).map((e) => e.key), yt = new Set(T.filter((e) => e.legendType === "none").map((e) => e.key)), $ = (e) => w[e]?.[E] ?? void 0, bt = pt.map((e) => {
+		let t = e.category === void 0 ? void 0 : f({
+			from: e.category,
+			to: e.category
+		}, w, E), n = e.yAxis ?? (typeof e.average == "string" ? _t.get(e.average) ?? ht : ht), r = p(e, w, vt(n)), i = t ? $(t[0]) : void 0;
+		return {
+			line: e,
+			lineAxis: n,
+			position: r === void 0 ? i === void 0 ? void 0 : J ? { y: i } : { x: i } : J ? { x: r } : { y: r },
+			isVerticalRule: r !== void 0 === J
+		};
+	}).filter((e) => e.position !== void 0), xt = Ye ? s : void 0, St = bt.some((e) => e.line.label && e.isVerticalRule) ? ye : void 0, Ct = P || xt || St ? {
+		...P ? _e : {},
+		...St,
+		...xt,
+		...P
+	} : void 0, wt = /* @__PURE__ */ new Map();
+	T.forEach((e, t) => {
+		e.stackId && e.type !== "line" && wt.set(`${e.type}-${e.stackId}`, t);
+	});
+	let Tt = () => /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(b, {
+			type: "number",
+			hide: !I || X,
+			tickLine: !1,
+			axisLine: !1,
+			unit: be,
+			tickFormatter: R,
+			angle: B,
+			interval: V,
+			textAnchor: ne(B),
+			tickCount: H,
+			domain: ut,
+			height: Q,
+			label: rt
+		}),
+		/* @__PURE__ */ v(x, {
+			dataKey: E,
+			type: "category",
+			hide: !L,
+			tickLine: !1,
+			axisLine: !1,
+			tickFormatter: z,
+			width: j ? 96 : 80,
+			label: st
+		}),
+		Y && /* @__PURE__ */ v(b, {
+			xAxisId: S,
+			type: "number",
+			hide: !W,
+			orientation: "top",
+			tickLine: !1,
+			axisLine: !1,
+			unit: K,
+			tickFormatter: Re,
+			tickCount: ze,
+			domain: dt,
+			label: lt
+		})
+	] }), Et = () => /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(b, {
+			dataKey: E,
+			type: "category",
+			hide: !I,
+			tickLine: !1,
+			axisLine: !1,
+			tickMargin: 8,
+			tickFormatter: R,
+			angle: B,
+			interval: V,
+			textAnchor: ne(B),
+			height: Q,
+			label: rt
+		}),
+		/* @__PURE__ */ v(x, {
+			type: "number",
+			hide: !L || X,
+			...U ? { orientation: U } : {},
+			tickLine: !1,
+			axisLine: !1,
+			unit: xe,
+			tickFormatter: z,
+			tickCount: H,
+			domain: ut,
+			width: j ? 72 : void 0,
+			label: st
+		}),
+		Y && /* @__PURE__ */ v(x, {
+			yAxisId: S,
+			type: "number",
+			hide: !W,
+			orientation: ot,
+			tickLine: !1,
+			axisLine: !1,
+			unit: K,
+			tickFormatter: Re,
+			tickCount: ze,
+			domain: dt,
+			width: G ? 72 : void 0,
+			label: ct
+		})
+	] }), Dt = yt.size > 0 ? (e) => /* @__PURE__ */ v(i, {
+		verticalAlign: F,
+		payload: e.payload?.filter((e) => !yt.has(String(e.dataKey)))
+	}) : /* @__PURE__ */ v(i, { verticalAlign: F }), Ot = (e, t) => {
+		let n = e.color ?? `var(--color-${e.key})`, r = he + t, i = Z(e.yAxis), a = e.stackId && e.type !== "line" ? `${e.type}-${e.stackId}` : void 0, o = e.fillOpacity ?? ke, s = e.connectNulls ?? Me, c = e.showDots ?? Ae, l = e.showActiveDots ?? je, u = e.legendType ? { legendType: e.legendType } : {}, f = d({
+			labelPosition: Xe,
+			isStacked: a !== void 0,
+			growingEnd: J ? "right" : "top"
+		}), p = Ye ? /* @__PURE__ */ v(ue, {
+			dataKey: e.key,
+			position: f,
+			formatter: ie(Ze),
+			className: ee(f, { translucentSeries: e.type === "area" }),
+			fontSize: 12
+		}) : null;
+		if (e.type === "bar") {
+			let o = e.barRadius ?? Se, s = a === void 0 || wt.get(a) === t, c = e.showBackground ?? Ee, l = e.showActiveBar ?? Oe;
+			return /* @__PURE__ */ v(oe, {
+				dataKey: e.key,
+				...i,
+				fill: n,
+				radius: o > 0 && s ? J ? [
+					0,
+					o,
+					o,
+					0
+				] : [
+					o,
+					o,
+					0,
+					0
+				] : void 0,
+				zIndex: r,
+				...a ? { stackId: a } : {},
+				...e.barSize === void 0 ? {} : { barSize: e.barSize },
+				...e.fillOpacity === void 0 ? {} : { fillOpacity: e.fillOpacity },
+				...e.strokeDasharray === void 0 ? {} : {
+					stroke: n,
+					strokeDasharray: e.strokeDasharray,
+					...e.strokeWidth === void 0 ? {} : { strokeWidth: e.strokeWidth }
+				},
+				...c ? { background: { fill: De } } : {},
+				...l ? { activeBar: { fillOpacity: ve } } : {},
+				...u,
+				...q,
+				children: p
+			}, e.key);
+		}
+		if (e.type === "area") {
+			let t = e.strokeWidth ?? N, d = t === void 0 ? {} : { strokeWidth: t };
+			return /* @__PURE__ */ v(ae, {
+				type: e.curve ?? M,
+				dataKey: e.key,
+				...i,
+				stroke: n,
+				fill: n,
+				fillOpacity: o,
+				zIndex: r,
+				...a ? { stackId: a } : {},
+				...d,
+				...e.strokeDasharray === void 0 ? {} : { strokeDasharray: e.strokeDasharray },
+				dot: c ? { r: 3 } : !1,
+				...l === void 0 ? {} : { activeDot: l ? { r: 5 } : !1 },
+				connectNulls: s,
+				...u,
+				...q,
+				children: p
+			}, e.key);
+		}
+		return /* @__PURE__ */ v(de, {
+			type: e.curve ?? M,
+			dataKey: e.key,
+			...i,
+			stroke: n,
+			strokeWidth: e.strokeWidth ?? N ?? 2,
+			dot: c ? { r: 3 } : !1,
+			zIndex: r,
+			...e.strokeDasharray === void 0 ? {} : { strokeDasharray: e.strokeDasharray },
+			...l === void 0 ? {} : { activeDot: l ? { r: 5 } : !1 },
+			connectNulls: s,
+			...u,
+			...q,
+			children: p
+		}, e.key);
+	}, kt = ({ area: e, range: t }, n) => {
+		let [r, i] = t;
+		return /* @__PURE__ */ v(fe, {
+			...ft,
+			...J ? {
+				y1: $(r),
+				y2: $(i)
+			} : {
+				x1: $(r),
+				x2: $(i)
+			},
+			fill: "var(--ui-background-surface-secondary)",
+			fillOpacity: .6,
+			zIndex: ge,
+			ifOverflow: "extendDomain",
+			label: e.label ? {
+				value: e.label,
+				position: "insideTop",
+				fill: "var(--ui-text-on-surface-secondary)",
+				fontSize: 12
+			} : void 0
+		}, `${e.label ?? "area"}-${n}`);
+	}, At = ({ line: e, lineAxis: t, position: n, isVerticalRule: r }, i) => /* @__PURE__ */ v(pe, {
+		...t === "secondary" && Y ? Z("secondary") : {},
+		...n,
+		...te(e.label, e.labelPosition ?? (r ? "top" : "insideTopRight"))
+	}, `${e.label ?? "ref"}-${i}`);
+	return /* @__PURE__ */ v("div", {
+		ref: nt,
+		"data-orientation": k,
+		className: e(me({ orientation: k }), t),
+		...tt,
+		children: /* @__PURE__ */ v(n, {
+			config: g,
+			palette: C,
+			className: "size-full [&_.recharts-label]:fill-foreground",
+			children: /* @__PURE__ */ y(le, {
+				data: w,
+				layout: J ? "vertical" : "horizontal",
+				barSize: Ce,
+				barGap: we,
+				barCategoryGap: Te,
+				margin: Ct,
+				children: [
+					Ne && /* @__PURE__ */ v(ce, {
+						...ft,
+						horizontal: He ?? !J,
+						vertical: Ue ?? J,
+						strokeDasharray: Ve ? "3 3" : void 0
+					}),
+					J ? Tt() : Et(),
+					Pe && /* @__PURE__ */ v(a, {
+						...Fe ? {} : { cursor: !1 },
+						content: We ?? /* @__PURE__ */ v(o, {})
+					}),
+					Ie && /* @__PURE__ */ v(r, {
+						verticalAlign: F,
+						content: Dt
+					}),
+					T.map(Ot),
+					mt.map(kt),
+					bt.map(At),
+					Qe && /* @__PURE__ */ v(se, {
+						dataKey: E,
+						tickFormatter: J ? z : R,
+						...u({
+							brushHeight: $e,
+							brushAriaLabel: et
+						})
+					})
+				]
+			})
+		})
+	});
+});
+C.displayName = "ComposedChart";
+//#endregion
+export { C as ComposedChart, me as composedChartVariants };
+
+//# sourceMappingURL=composed-chart.js.map