@acronis-platform/ui-react 3.0.0 → 4.1.0

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

@@ -1,625 +1,417 @@
-import { jsx as i, jsxs as g, Fragment as _ } from "react/jsx-runtime";
-import * as T from "react";
-import { cva as Qe } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { Text as Ke, BarChart as et, CartesianGrid as tt, Brush as rt, XAxis as de, YAxis as he, LabelList as ot, Bar as fe, ReferenceArea as nt, ReferenceLine as it, Cell as lt, Rectangle as j } from "recharts";
-import { cn as ue } from "../../../lib/utils.js";
-import { resolveAnimation as at, resolveCartesianLabelPosition as st, resolveCategoryRange as ve, resolveBrushProps as ct, resolveRotatedTickAnchor as ge, CHART_LABEL_FONT_SIZE as dt, resolveLabelFillClass as ht, toLabelFormatter as ft, resolveChartReferenceValue as ut, resolveReferenceLineProps as vt, resolveXAxisTitle as gt, resolveXAxisHeight as pt, resolveAxisDomain as mt, resolveYAxisTitle as $t, toReferenceLineList as Ct } from "../chart/chart-format.js";
-import { ChartContainer as Lt, ChartTooltip as zt, ChartLegend as yt, ChartTooltipContent as Ot, ChartLegendContent as kt } from "../chart/chart.js";
-const St = Qe("", {
-  variants: {
-    orientation: {
-      vertical: "",
-      horizontal: ""
-    },
-    layout: {
-      grouped: "",
-      stacked: ""
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical",
-    layout: "grouped"
-  }
-}), F = "__headroom_";
-function me(t, n) {
-  const o = t == null ? void 0 : t.filter(
-    (r) => !String(r.dataKey).startsWith(F)
-  );
-  return n ? o == null ? void 0 : o.slice().sort(
-    (r, a) => n.indexOf(String(r.dataKey)) - n.indexOf(String(a.dataKey))
-  ) : o;
+"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 { resolveAnimation as s, resolveAxisDomain as c, resolveBrushProps as l, resolveCartesianLabelPosition as ee, resolveCategoryRange as u, resolveChartReferenceValue as te, resolveLabelFillClass as d, resolveReferenceLineProps as f, resolveRotatedTickAnchor as p, resolveXAxisHeight as m, resolveXAxisTitle as ne, resolveYAxisTitle as re, toLabelFormatter as ie, toReferenceLineList as ae } from "../chart/chart-format.js";
+import * as h from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Bar as y, BarChart as oe, Brush as se, CartesianGrid as ce, Cell as b, LabelList as le, Rectangle as x, ReferenceArea as ue, ReferenceLine as de, Text as fe, XAxis as S, YAxis as C } from "recharts";
+//#region src/components/ui/bar-chart/bar-chart.tsx
+var pe = t("", {
+	variants: {
+		orientation: {
+			vertical: "",
+			horizontal: ""
+		},
+		layout: {
+			grouped: "",
+			stacked: ""
+		}
+	},
+	defaultVariants: {
+		orientation: "vertical",
+		layout: "grouped"
+	}
+}), w = "__headroom_";
+function T(e, t) {
+	let n = e?.filter((e) => !String(e.dataKey).startsWith(w));
+	return t ? n?.slice().sort((e, n) => t.indexOf(String(e.dataKey)) - t.indexOf(String(n.dataKey))) : n;
 }
-function $e(t) {
-  return t == null ? void 0 : t.map(
-    (n) => {
-      var o;
-      return (o = n.color) != null && o.startsWith("url(") ? { ...n, color: `var(--color-${String(n.dataKey)})` } : n;
-    }
-  );
+function E(e) {
+	return e?.map((e) => e.color?.startsWith("url(") ? {
+		...e,
+		color: `var(--color-${String(e.dataKey)})`
+	} : e);
 }
-function Rt({
-  content: t,
-  dataKeys: n,
-  ...o
-}) {
-  const r = {
-    ...o,
-    payload: $e(me(o.payload, n))
-  };
-  return t ? typeof t == "function" ? T.createElement(
-    t,
-    r
-  ) : T.cloneElement(t, r) : /* @__PURE__ */ i(Ot, { ...r });
+function me({ content: e, dataKeys: t, ...n }) {
+	let r = {
+		...n,
+		payload: E(T(n.payload, t))
+	};
+	return e ? typeof e == "function" ? h.createElement(e, r) : h.cloneElement(e, r) : /* @__PURE__ */ _(o, { ...r });
 }
-function Tt({
-  dataKeys: t,
-  ...n
-}) {
-  return /* @__PURE__ */ i(
-    kt,
-    {
-      verticalAlign: n.verticalAlign,
-      payload: $e(
-        me(n.payload, t)
-      )
-    }
-  );
+function he({ dataKeys: e, ...t }) {
+	return /* @__PURE__ */ _(i, {
+		verticalAlign: t.verticalAlign,
+		payload: E(T(t.payload, e))
+	});
 }
-function bt({
-  bar: t,
-  track: n,
-  trackFill: o,
-  paint: r
-}) {
-  return /* @__PURE__ */ g(_, { children: [
-    n && /* @__PURE__ */ i(
-      j,
-      {
-        className: "recharts-bar-background-rectangle",
-        x: n.x ?? void 0,
-        y: n.y ?? void 0,
-        width: n.width ?? void 0,
-        height: n.height ?? void 0,
-        fill: o
-      }
-    ),
-    /* @__PURE__ */ i(
-      j,
-      {
-        x: t.x ?? void 0,
-        y: t.y ?? void 0,
-        width: t.width ?? void 0,
-        height: t.height ?? void 0,
-        radius: t.radius,
-        fill: (r == null ? void 0 : r.fill) ?? t.fill,
-        fillOpacity: (r == null ? void 0 : r.fillOpacity) ?? t.fillOpacity,
-        stroke: t.stroke,
-        strokeWidth: t.strokeWidth,
-        strokeDasharray: t.strokeDasharray
-      }
-    )
-  ] });
+function D({ bar: e, track: t, trackFill: n, paint: r }) {
+	return /* @__PURE__ */ v(g, { children: [t && /* @__PURE__ */ _(x, {
+		className: "recharts-bar-background-rectangle",
+		x: t.x ?? void 0,
+		y: t.y ?? void 0,
+		width: t.width ?? void 0,
+		height: t.height ?? void 0,
+		fill: n
+	}), /* @__PURE__ */ _(x, {
+		x: e.x ?? void 0,
+		y: e.y ?? void 0,
+		width: e.width ?? void 0,
+		height: e.height ?? void 0,
+		radius: e.radius,
+		fill: r?.fill ?? e.fill,
+		fillOpacity: r?.fillOpacity ?? e.fillOpacity,
+		stroke: e.stroke,
+		strokeWidth: e.strokeWidth,
+		strokeDasharray: e.strokeDasharray
+	})] });
 }
-function pe({
-  inRange: t,
-  trackFill: n,
-  paint: o
-}) {
-  return ({ background: r, index: a, ...u }) => bt({
-    bar: u,
-    track: t(a) ? r : void 0,
-    trackFill: n,
-    paint: o
-  });
+function O({ inRange: e, trackFill: t, paint: n }) {
+	return ({ background: r, index: i, ...a }) => D({
+		bar: a,
+		track: e(i) ? r : void 0,
+		trackFill: t,
+		paint: n
+	});
 }
-function Dt({
-  rangeBackground: t,
-  inRange: n,
-  trackFill: o,
-  activeBarOption: r
-}) {
-  return t ? {
-    shape: pe({ inRange: n, trackFill: o }),
-    activeBar: r && pe({ inRange: n, trackFill: o, paint: r })
-  } : { shape: void 0, activeBar: r };
+function ge({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
+	return e ? {
+		shape: O({
+			inRange: t,
+			trackFill: n
+		}),
+		activeBar: r && O({
+			inRange: t,
+			trackFill: n,
+			paint: r
+		})
+	} : {
+		shape: void 0,
+		activeBar: r
+	};
 }
-function Et({
-  band: t,
-  vertical: n
-}) {
-  const { x: o = 0, y: r = 0, width: a = 0, height: u = 0, fill: h, fillOpacity: p } = t;
-  return /* @__PURE__ */ g(_, { children: [
-    /* @__PURE__ */ i(
-      j,
-      {
-        className: "recharts-reference-area-rect",
-        x: o,
-        y: r,
-        width: a,
-        height: u,
-        fill: h,
-        fillOpacity: p
-      }
-    ),
-    /* @__PURE__ */ i(
-      "line",
-      {
-        x1: o,
-        y1: r,
-        x2: n ? o : o + a,
-        y2: n ? r + u : r,
-        stroke: "var(--ui-border-on-surface-border)",
-        strokeDasharray: "4 4"
-      }
-    )
-  ] });
+function k({ band: e, vertical: t }) {
+	let { x: n = 0, y: r = 0, width: i = 0, height: a = 0, fill: o, fillOpacity: s } = e;
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(x, {
+		className: "recharts-reference-area-rect",
+		x: n,
+		y: r,
+		width: i,
+		height: a,
+		fill: o,
+		fillOpacity: s
+	}), /* @__PURE__ */ _("line", {
+		x1: n,
+		y1: r,
+		x2: t ? n : n + i,
+		y2: t ? r + a : r,
+		stroke: "var(--ui-border-on-surface-border)",
+		strokeDasharray: "4 4"
+	})] });
 }
-function Nt({
-  divider: t,
-  vertical: n
-}) {
-  if (t)
-    return (o) => Et({ band: o, vertical: n });
+function _e({ divider: e, vertical: t }) {
+	if (e) return (e) => k({
+		band: e,
+		vertical: t
+	});
 }
-function wt(t) {
-  return t ? {
-    value: t,
-    position: "insideTop",
-    fill: "var(--ui-text-on-surface-secondary)",
-    fontSize: 12
-  } : void 0;
+function ve(e) {
+	return e ? {
+		value: e,
+		position: "insideTop",
+		fill: "var(--ui-text-on-surface-secondary)",
+		fontSize: 12
+	} : void 0;
 }
-function xt({
-  id: t,
-  dataKeys: n,
-  shapes: o,
-  horizontal: r
-}) {
-  const a = o.has("gradient"), u = o.has("pattern");
-  return !a && !u ? null : /* @__PURE__ */ i("defs", { children: n.map((h) => /* @__PURE__ */ g(T.Fragment, { children: [
-    a && /* @__PURE__ */ g(
-      "linearGradient",
-      {
-        id: `${t}-gradient-${h}`,
-        x1: "0",
-        y1: "0",
-        x2: r ? "1" : "0",
-        y2: r ? "0" : "1",
-        children: [
-          /* @__PURE__ */ i(
-            "stop",
-            {
-              offset: "0%",
-              stopColor: `var(--color-${h})`,
-              stopOpacity: 1
-            }
-          ),
-          /* @__PURE__ */ i(
-            "stop",
-            {
-              offset: "100%",
-              stopColor: `var(--color-${h})`,
-              stopOpacity: 0.35
-            }
-          )
-        ]
-      }
-    ),
-    u && /* @__PURE__ */ g(
-      "pattern",
-      {
-        id: `${t}-pattern-${h}`,
-        patternUnits: "userSpaceOnUse",
-        width: 6,
-        height: 6,
-        patternTransform: "rotate(45)",
-        children: [
-          /* @__PURE__ */ i(
-            "rect",
-            {
-              width: 6,
-              height: 6,
-              fill: `var(--color-${h})`,
-              fillOpacity: 0.25
-            }
-          ),
-          /* @__PURE__ */ i(
-            "line",
-            {
-              x1: 0,
-              y1: 0,
-              x2: 0,
-              y2: 6,
-              stroke: `var(--color-${h})`,
-              strokeWidth: 3
-            }
-          )
-        ]
-      }
-    )
-  ] }, h)) });
+function ye({ id: e, dataKeys: t, shapes: n, horizontal: r }) {
+	let i = n.has("gradient"), a = n.has("pattern");
+	return !i && !a ? null : /* @__PURE__ */ _("defs", { children: t.map((t) => /* @__PURE__ */ v(h.Fragment, { children: [i && /* @__PURE__ */ v("linearGradient", {
+		id: `${e}-gradient-${t}`,
+		x1: "0",
+		y1: "0",
+		x2: r ? "1" : "0",
+		y2: r ? "0" : "1",
+		children: [/* @__PURE__ */ _("stop", {
+			offset: "0%",
+			stopColor: `var(--color-${t})`,
+			stopOpacity: 1
+		}), /* @__PURE__ */ _("stop", {
+			offset: "100%",
+			stopColor: `var(--color-${t})`,
+			stopOpacity: .35
+		})]
+	}), a && /* @__PURE__ */ v("pattern", {
+		id: `${e}-pattern-${t}`,
+		patternUnits: "userSpaceOnUse",
+		width: 6,
+		height: 6,
+		patternTransform: "rotate(45)",
+		children: [/* @__PURE__ */ _("rect", {
+			width: 6,
+			height: 6,
+			fill: `var(--color-${t})`,
+			fillOpacity: .25
+		}), /* @__PURE__ */ _("line", {
+			x1: 0,
+			y1: 0,
+			x2: 0,
+			y2: 6,
+			stroke: `var(--color-${t})`,
+			strokeWidth: 3
+		})]
+	})] }, t)) });
 }
-function Bt({
-  data: t,
-  chartData: n,
-  xKey: o,
-  seriesKey: r,
-  settings: a,
-  range: u,
-  headroomKey: h,
-  barShape: p,
-  rounded: E,
-  fillOf: k,
-  radiusFor: W
-}) {
-  const { fill: A, opacity: d, dashed: C } = a;
-  return t.map((L, v) => {
-    var w;
-    const m = v >= u[0] && v <= u[1], N = m && a.shape || p, H = h !== void 0 && Number(
-      (w = n[v]) == null ? void 0 : w[`${F}${r}`]
-    ) > 0;
-    return /* @__PURE__ */ i(
-      lt,
-      {
-        fill: m ? A ?? k(r, N) : k(r, p),
-        fillOpacity: m ? d : void 0,
-        stroke: m && C ? `var(--color-${r})` : void 0,
-        strokeWidth: m && C ? 1 : void 0,
-        strokeDasharray: m && C ? "4 3" : void 0,
-        radius: H ? void 0 : W(N, E)
-      },
-      `${r}-${String(L[o])}-${v}`
-    );
-  });
+function be({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range: a, headroomKey: o, barShape: s, rounded: c, fillOf: l, radiusFor: ee }) {
+	let { fill: u, opacity: te, dashed: d } = i;
+	return e.map((e, f) => {
+		let p = f >= a[0] && f <= a[1], m = p && i.shape || s, ne = o !== void 0 && Number(t[f]?.[`${w}${r}`]) > 0;
+		return /* @__PURE__ */ _(b, {
+			fill: p ? u ?? l(r, m) : l(r, s),
+			fillOpacity: p ? te : void 0,
+			stroke: p && d ? `var(--color-${r})` : void 0,
+			strokeWidth: p && d ? 1 : void 0,
+			strokeDasharray: p && d ? "4 3" : void 0,
+			radius: ne ? void 0 : ee(m, c)
+		}, `${r}-${String(e[n])}-${f}`);
+	});
 }
-const Pt = T.forwardRef(
-  ({
-    className: t,
-    config: n,
-    data: o,
-    dataKeys: r,
-    xKey: a,
-    referenceLine: u,
-    referenceArea: h,
-    barSettings: p,
-    xAxisLabel: E,
-    yAxisLabel: k,
-    xUnit: W,
-    yUnit: A,
-    orientation: d = "vertical",
-    layout: C = "grouped",
-    barRadius: L = 4,
-    barShape: v = "rounded",
-    barSize: m,
-    maxBarSize: N,
-    barGap: H,
-    barCategoryGap: w,
-    minPointSize: I,
-    showBackground: Ce = !1,
-    backgroundFill: U = "var(--ui-background-surface-secondary)",
-    showActiveBar: Le = !1,
-    activeBar: z,
-    showGrid: ze = !0,
-    showTooltip: ye = !0,
-    showLegend: Oe = !0,
-    showXAxis: Y = !0,
-    showYAxis: Z = !0,
-    xTickFormatter: x,
-    yTickFormatter: B,
-    xAxisAngle: b,
-    xAxisInterval: q,
-    yAxisTickCount: J,
-    yAxisDomain: ke,
-    gridDashed: Se,
-    gridHorizontal: Re,
-    gridVertical: Te,
-    tooltipContent: be,
-    animate: De,
-    animationDuration: Ee,
-    animationBegin: Ne,
-    animationEasing: we,
-    showLabels: xe = !1,
-    labelPosition: Be,
-    labelFormatter: Pe,
-    showBrush: _e = !1,
-    brushHeight: Fe,
-    brushAriaLabel: We,
-    ...Ae
-  }, He) => {
-    const Q = at({
-      animate: De,
-      animationDuration: Ee,
-      animationBegin: Ne,
-      animationEasing: we
-    }), Me = d === "horizontal" ? "vertical" : "horizontal", D = C === "stacked", K = st({
-      labelPosition: Be,
-      isStacked: D,
-      growingEnd: d === "horizontal" ? "right" : "top"
-    }), Ve = Ct(u), ee = (h ? Array.isArray(h) ? h : [h] : []).map((e) => ({ area: e, range: ve(e, o, a) })).filter(
-      (e) => e.range !== void 0
-    ), P = new Map(
-      r.flatMap((e) => {
-        const l = p == null ? void 0 : p[e], c = l ? ve(l, o, a) : void 0;
-        return l && c ? [[e, { settings: l, range: c }]] : [];
-      })
-    ), M = new Map(
-      D ? [] : Array.from(
-        P,
-        ([e, l]) => typeof l.settings.background == "string" ? [e, l.settings.background] : void 0
-      ).filter((e) => e !== void 0)
-    ), V = M.size ? o.map((e, l) => {
-      const c = {};
-      return M.forEach((s, f) => {
-        const $ = P.get(f);
-        if (!$) return;
-        const [S, R] = $.range;
-        if (l < S || l > R) return;
-        const y = e[f], O = e[s];
-        typeof y != "number" || typeof O != "number" || (c[`${F}${f}`] = Math.max(0, O - y));
-      }), { ...e, ...c };
-    }) : o, te = new Set(
-      ee.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(
-        ({ range: e }) => o.slice(e[0], e[1] + 1).map((l) => l[a])
-      )
-    ), re = te.size ? ({
-      payload: e,
-      index: l,
-      ...c
-    }) => {
-      const s = d === "horizontal" ? B : x, f = s ? s(e.value, l) : e.value;
-      return /* @__PURE__ */ i(
-        Ke,
-        {
-          ...c,
-          className: ue(
-            "fill-muted-foreground",
-            te.has(e.value) && "fill-primary italic"
-          ),
-          fontSize: 12,
-          children: f
-        }
-      );
-    } : void 0, Ge = Le ? {
-      ...(z == null ? void 0 : z.fill) !== void 0 ? { fill: z.fill } : {},
-      fillOpacity: (z == null ? void 0 : z.opacity) ?? 0.85
-    } : !1, G = `bar-${T.useId().replace(/:/g, "")}`, oe = /* @__PURE__ */ new Set([v]);
-    P.forEach(({ settings: e }) => {
-      e.shape && oe.add(e.shape);
-    });
-    const Xe = (e) => I === void 0 ? void 0 : (l, c) => {
-      var f;
-      const s = D ? (f = V[c]) == null ? void 0 : f[e] : l;
-      return typeof s == "number" && s !== 0 ? I : 0;
-    }, ne = (e, l) => l === "gradient" ? `url(#${G}-gradient-${e})` : l === "pattern" ? `url(#${G}-pattern-${e})` : `var(--color-${e})`, ie = gt(E), le = $t(k), ae = mt(ke), se = pt(E, b), je = d === "horizontal" ? [0, L, L, 0] : [L, L, 0, 0], X = (e, l) => e === "pill" ? 9999 : L > 0 && l ? je : void 0, Ie = /* @__PURE__ */ i(Rt, { content: be, dataKeys: r }), Ue = /* @__PURE__ */ i(Tt, { dataKeys: r }), Ye = () => d === "horizontal" ? /* @__PURE__ */ g(_, { children: [
-      /* @__PURE__ */ i(
-        de,
-        {
-          type: "number",
-          hide: !Y,
-          tickLine: !1,
-          axisLine: !1,
-          unit: W,
-          tickFormatter: x,
-          angle: b,
-          interval: q,
-          textAnchor: ge(b),
-          tickCount: J,
-          domain: ae,
-          height: se,
-          label: ie
-        }
-      ),
-      /* @__PURE__ */ i(
-        he,
-        {
-          dataKey: a,
-          type: "category",
-          hide: !Z,
-          tickLine: !1,
-          axisLine: !1,
-          tick: re,
-          tickFormatter: B,
-          width: k ? 96 : 80,
-          label: le
-        }
-      )
-    ] }) : /* @__PURE__ */ g(_, { children: [
-      /* @__PURE__ */ i(
-        de,
-        {
-          dataKey: a,
-          type: "category",
-          hide: !Y,
-          tickLine: !1,
-          axisLine: !1,
-          tick: re,
-          tickFormatter: x,
-          angle: b,
-          interval: q,
-          textAnchor: ge(b),
-          height: se,
-          label: ie
-        }
-      ),
-      /* @__PURE__ */ i(
-        he,
-        {
-          type: "number",
-          hide: !Z,
-          tickLine: !1,
-          axisLine: !1,
-          unit: A,
-          tickFormatter: B,
-          tickCount: J,
-          domain: ae,
-          width: k ? 72 : void 0,
-          label: le
-        }
-      )
-    ] }), Ze = () => r.map((e, l) => {
-      const c = D ? l === r.length - 1 : !0, s = P.get(e), f = (ce) => s !== void 0 && ce >= s.range[0] && ce <= s.range[1], $ = M.get(e), { shape: S, activeBar: R } = Dt({
-        rangeBackground: (s == null ? void 0 : s.settings.background) === !0,
-        inRange: f,
-        trackFill: U,
-        activeBarOption: Ge
-      }), y = s && Bt({
-        data: o,
-        chartData: V,
-        xKey: a,
-        seriesKey: e,
-        settings: s.settings,
-        range: s.range,
-        headroomKey: $,
-        barShape: v,
-        rounded: c,
-        fillOf: ne,
-        radiusFor: X
-      }), O = xe && /* @__PURE__ */ i(
-        ot,
-        {
-          dataKey: e,
-          position: K,
-          formatter: ft(Pe),
-          className: ht(K),
-          fontSize: dt
-        }
-      );
-      return /* @__PURE__ */ g(T.Fragment, { children: [
-        /* @__PURE__ */ g(
-          fe,
-          {
-            dataKey: e,
-            fill: ne(e, v),
-            stackId: D ? "a" : $ ? e : void 0,
-            radius: X(v, c),
-            minPointSize: Xe(e),
-            background: Ce ? { fill: U } : void 0,
-            shape: S,
-            activeBar: R,
-            ...Q,
-            children: [
-              y,
-              O
-            ]
-          }
-        ),
-        $ && /* @__PURE__ */ i(
-          fe,
-          {
-            dataKey: `${F}${e}`,
-            stackId: e,
-            fill: `var(--color-${e})`,
-            fillOpacity: 0.25,
-            radius: X(v, !0),
-            legendType: "none",
-            tooltipType: "none",
-            ...Q
-          }
-        )
-      ] }, e);
-    }), qe = () => ee.map(({ area: e, range: l }, c) => {
-      var S, R, y, O;
-      const [s, f] = l, $ = d === "horizontal" ? { y1: (S = o[s]) == null ? void 0 : S[a], y2: (R = o[f]) == null ? void 0 : R[a] } : { x1: (y = o[s]) == null ? void 0 : y[a], x2: (O = o[f]) == null ? void 0 : O[a] };
-      return /* @__PURE__ */ i(
-        nt,
-        {
-          ...$,
-          fill: "var(--ui-background-surface-secondary)",
-          fillOpacity: 0.6,
-          ifOverflow: "extendDomain",
-          shape: Nt({
-            divider: e.divider,
-            vertical: d !== "horizontal"
-          }),
-          label: wt(e.label)
-        },
-        `${e.label ?? "area"}-${c}`
-      );
-    }), Je = () => Ve.map((e, l) => {
-      const c = ut(e, o, r);
-      return c === void 0 ? null : /* @__PURE__ */ i(
-        it,
-        {
-          ...d === "horizontal" ? { x: c } : { y: c },
-          ...vt(
-            e.label,
-            e.labelPosition ?? (d === "horizontal" ? "top" : "insideTopRight")
-          )
-        },
-        `${e.label ?? "ref"}-${l}`
-      );
-    });
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: He,
-        "data-orientation": d,
-        "data-layout": C,
-        className: ue(St({ orientation: d, layout: C }), t),
-        ...Ae,
-        children: /* @__PURE__ */ i(
-          Lt,
-          {
-            config: n,
-            className: "size-full [&_.recharts-label]:fill-foreground",
-            children: /* @__PURE__ */ g(
-              et,
-              {
-                data: V,
-                layout: Me,
-                barSize: m,
-                maxBarSize: N,
-                barGap: H,
-                barCategoryGap: w,
-                children: [
-                  /* @__PURE__ */ i(
-                    xt,
-                    {
-                      id: G,
-                      dataKeys: r,
-                      shapes: oe,
-                      horizontal: d === "horizontal"
-                    }
-                  ),
-                  ze && /* @__PURE__ */ i(
-                    tt,
-                    {
-                      horizontal: Re ?? d === "vertical",
-                      vertical: Te ?? d === "horizontal",
-                      strokeDasharray: Se ? "3 3" : void 0
-                    }
-                  ),
-                  Ye(),
-                  ye && /* @__PURE__ */ i(zt, { content: Ie }),
-                  Oe && /* @__PURE__ */ i(yt, { content: Ue }),
-                  Ze(),
-                  qe(),
-                  Je(),
-                  _e && /* @__PURE__ */ i(
-                    rt,
-                    {
-                      dataKey: a,
-                      tickFormatter: d === "horizontal" ? B : x,
-                      ...ct({ brushHeight: Fe, brushAriaLabel: We })
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Pt.displayName = "BarChart";
-export {
-  Pt as BarChart,
-  Tt as NormalizedLegendContent,
-  Rt as NormalizedTooltipContent,
-  St as barChartVariants,
-  pe as createTrackShape,
-  me as dropHeadroomSeries,
-  $e as withSeriesColor
-};
-//# sourceMappingURL=bar-chart.js.map
+var A = h.forwardRef(({ className: t, config: i, palette: o, data: b, dataKeys: x, xKey: T, referenceLine: E, referenceArea: D, barSettings: O, xAxisLabel: k, yAxisLabel: A, xUnit: xe, yUnit: Se, orientation: j = "vertical", layout: M = "grouped", barRadius: N = 4, barShape: P = "rounded", barSize: Ce, maxBarSize: we, barGap: Te, barCategoryGap: Ee, minPointSize: F, showBackground: De = !1, backgroundFill: I = "var(--ui-background-surface-secondary)", showActiveBar: Oe = !1, activeBar: L, showGrid: ke = !0, showTooltip: Ae = !0, showLegend: je = !0, showXAxis: R = !0, showYAxis: z = !0, xTickFormatter: B, yTickFormatter: V, xAxisAngle: H, xAxisInterval: U, yAxisTickCount: W, yAxisDomain: Me, gridDashed: Ne, gridHorizontal: Pe, gridVertical: Fe, tooltipContent: Ie, animate: Le, animationDuration: Re, animationBegin: ze, animationEasing: Be, showLabels: Ve = !1, labelPosition: He, labelFormatter: Ue, showBrush: We = !1, brushHeight: Ge, brushAriaLabel: Ke, ...qe }, Je) => {
+	let G = s({
+		animate: Le,
+		animationDuration: Re,
+		animationBegin: ze,
+		animationEasing: Be
+	}), Ye = j === "horizontal" ? "vertical" : "horizontal", K = M === "stacked", q = ee({
+		labelPosition: He,
+		isStacked: K,
+		growingEnd: j === "horizontal" ? "right" : "top"
+	}), Xe = ae(E), Ze = (D ? Array.isArray(D) ? D : [D] : []).map((e) => ({
+		area: e,
+		range: u(e, b, T)
+	})).filter((e) => e.range !== void 0), J = new Map(x.flatMap((e) => {
+		let t = O?.[e], n = t ? u(t, b, T) : void 0;
+		return t && n ? [[e, {
+			settings: t,
+			range: n
+		}]] : [];
+	})), Y = new Map(K ? [] : Array.from(J, ([e, t]) => typeof t.settings.background == "string" ? [e, t.settings.background] : void 0).filter((e) => e !== void 0)), X = Y.size ? b.map((e, t) => {
+		let n = {};
+		return Y.forEach((r, i) => {
+			let a = J.get(i);
+			if (!a) return;
+			let [o, s] = a.range;
+			if (t < o || t > s) return;
+			let c = e[i], l = e[r];
+			typeof c == "number" && typeof l == "number" && (n[`${w}${i}`] = Math.max(0, l - c));
+		}), {
+			...e,
+			...n
+		};
+	}) : b, Qe = new Set(Ze.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(({ range: e }) => b.slice(e[0], e[1] + 1).map((e) => e[T]))), $e = Qe.size ? ({ payload: t, index: n, ...r }) => {
+		let i = j === "horizontal" ? V : B, a = i ? i(t.value, n) : t.value;
+		return /* @__PURE__ */ _(fe, {
+			...r,
+			className: e("fill-muted-foreground", Qe.has(t.value) && "fill-primary italic"),
+			fontSize: 12,
+			children: a
+		});
+	} : void 0, et = Oe ? {
+		...L?.fill === void 0 ? {} : { fill: L.fill },
+		fillOpacity: L?.opacity ?? .85
+	} : !1, Z = `bar-${h.useId().replace(/:/g, "")}`, tt = /* @__PURE__ */ new Set([P]);
+	J.forEach(({ settings: e }) => {
+		e.shape && tt.add(e.shape);
+	});
+	let nt = (e) => F === void 0 ? void 0 : (t, n) => {
+		let r = K ? X[n]?.[e] : t;
+		return typeof r == "number" && r !== 0 ? F : 0;
+	}, Q = (e, t) => t === "gradient" ? `url(#${Z}-gradient-${e})` : t === "pattern" ? `url(#${Z}-pattern-${e})` : `var(--color-${e})`, rt = ne(k), it = re(A), at = c(Me), ot = m(k, H), st = j === "horizontal" ? [
+		0,
+		N,
+		N,
+		0
+	] : [
+		N,
+		N,
+		0,
+		0
+	], $ = (e, t) => e === "pill" ? 9999 : N > 0 && t ? st : void 0, ct = /* @__PURE__ */ _(me, {
+		content: Ie,
+		dataKeys: x
+	}), lt = /* @__PURE__ */ _(he, { dataKeys: x }), ut = () => j === "horizontal" ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(S, {
+		type: "number",
+		hide: !R,
+		tickLine: !1,
+		axisLine: !1,
+		unit: xe,
+		tickFormatter: B,
+		angle: H,
+		interval: U,
+		textAnchor: p(H),
+		tickCount: W,
+		domain: at,
+		height: ot,
+		label: rt
+	}), /* @__PURE__ */ _(C, {
+		dataKey: T,
+		type: "category",
+		hide: !z,
+		tickLine: !1,
+		axisLine: !1,
+		tick: $e,
+		tickFormatter: V,
+		width: A ? 96 : 80,
+		label: it
+	})] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(S, {
+		dataKey: T,
+		type: "category",
+		hide: !R,
+		tickLine: !1,
+		axisLine: !1,
+		tick: $e,
+		tickFormatter: B,
+		angle: H,
+		interval: U,
+		textAnchor: p(H),
+		height: ot,
+		label: rt
+	}), /* @__PURE__ */ _(C, {
+		type: "number",
+		hide: !z,
+		tickLine: !1,
+		axisLine: !1,
+		unit: Se,
+		tickFormatter: V,
+		tickCount: W,
+		domain: at,
+		width: A ? 72 : void 0,
+		label: it
+	})] }), dt = () => x.map((e, t) => {
+		let n = !K || t === x.length - 1, r = J.get(e), i = (e) => r !== void 0 && e >= r.range[0] && e <= r.range[1], a = Y.get(e), { shape: o, activeBar: s } = ge({
+			rangeBackground: r?.settings.background === !0,
+			inRange: i,
+			trackFill: I,
+			activeBarOption: et
+		}), c = r && be({
+			data: b,
+			chartData: X,
+			xKey: T,
+			seriesKey: e,
+			settings: r.settings,
+			range: r.range,
+			headroomKey: a,
+			barShape: P,
+			rounded: n,
+			fillOf: Q,
+			radiusFor: $
+		}), l = Ve && /* @__PURE__ */ _(le, {
+			dataKey: e,
+			position: q,
+			formatter: ie(Ue),
+			className: d(q),
+			fontSize: 12
+		});
+		return /* @__PURE__ */ v(h.Fragment, { children: [/* @__PURE__ */ v(y, {
+			dataKey: e,
+			fill: Q(e, P),
+			stackId: K ? "a" : a ? e : void 0,
+			radius: $(P, n),
+			minPointSize: nt(e),
+			background: De ? { fill: I } : void 0,
+			shape: o,
+			activeBar: s,
+			...G,
+			children: [c, l]
+		}), a && /* @__PURE__ */ _(y, {
+			dataKey: `${w}${e}`,
+			stackId: e,
+			fill: `var(--color-${e})`,
+			fillOpacity: .25,
+			radius: $(P, !0),
+			legendType: "none",
+			tooltipType: "none",
+			...G
+		})] }, e);
+	}), ft = () => Ze.map(({ area: e, range: t }, n) => {
+		let [r, i] = t, a = j === "horizontal" ? {
+			y1: b[r]?.[T],
+			y2: b[i]?.[T]
+		} : {
+			x1: b[r]?.[T],
+			x2: b[i]?.[T]
+		};
+		return /* @__PURE__ */ _(ue, {
+			...a,
+			fill: "var(--ui-background-surface-secondary)",
+			fillOpacity: .6,
+			ifOverflow: "extendDomain",
+			shape: _e({
+				divider: e.divider,
+				vertical: j !== "horizontal"
+			}),
+			label: ve(e.label)
+		}, `${e.label ?? "area"}-${n}`);
+	}), pt = () => Xe.map((e, t) => {
+		let n = te(e, b, x);
+		return n === void 0 ? null : /* @__PURE__ */ _(de, {
+			...j === "horizontal" ? { x: n } : { y: n },
+			...f(e.label, e.labelPosition ?? (j === "horizontal" ? "top" : "insideTopRight"))
+		}, `${e.label ?? "ref"}-${t}`);
+	});
+	return /* @__PURE__ */ _("div", {
+		ref: Je,
+		"data-orientation": j,
+		"data-layout": M,
+		className: e(pe({
+			orientation: j,
+			layout: M
+		}), t),
+		...qe,
+		children: /* @__PURE__ */ _(n, {
+			config: i,
+			palette: o,
+			className: "size-full [&_.recharts-label]:fill-foreground",
+			children: /* @__PURE__ */ v(oe, {
+				data: X,
+				layout: Ye,
+				barSize: Ce,
+				maxBarSize: we,
+				barGap: Te,
+				barCategoryGap: Ee,
+				children: [
+					/* @__PURE__ */ _(ye, {
+						id: Z,
+						dataKeys: x,
+						shapes: tt,
+						horizontal: j === "horizontal"
+					}),
+					ke && /* @__PURE__ */ _(ce, {
+						horizontal: Pe ?? j === "vertical",
+						vertical: Fe ?? j === "horizontal",
+						strokeDasharray: Ne ? "3 3" : void 0
+					}),
+					ut(),
+					Ae && /* @__PURE__ */ _(a, { content: ct }),
+					je && /* @__PURE__ */ _(r, { content: lt }),
+					dt(),
+					ft(),
+					pt(),
+					We && /* @__PURE__ */ _(se, {
+						dataKey: T,
+						tickFormatter: j === "horizontal" ? V : B,
+						...l({
+							brushHeight: Ge,
+							brushAriaLabel: Ke
+						})
+					})
+				]
+			})
+		})
+	});
+});
+A.displayName = "BarChart";
+//#endregion
+export { A as BarChart, he as NormalizedLegendContent, me as NormalizedTooltipContent, pe as barChartVariants, O as createTrackShape, T as dropHeadroomSeries, E as withSeriesColor };
+
+//# sourceMappingURL=bar-chart.js.map