@acronis-platform/ui-react 4.0.0 → 5.0.0

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

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