@acronis-platform/ui-react 5.4.1 → 5.4.2

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

@@ -3,13 +3,14 @@ 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 { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../tooltip/tooltip.js";
 import { ChartContainer as a, ChartLegend as o, ChartLegendContent as s, ChartTooltip as c, ChartTooltipContent as l, resolveChartColors as u, toCssKey as d } from "../chart/chart.js";
-import { resolveAnimation as f, resolveAxisDomain as p, resolveBrushProps as m, resolveCartesianLabelPosition as h, resolveCategoryRange as g, resolveChartReferenceValue as _, resolveLabelFillClass as v, resolveReferenceLineProps as ee, resolveRotatedTickAnchor as te, resolveXAxisHeight as ne, resolveXAxisTitle as re, resolveYAxisTitle as ie, toLabelFormatter as ae, toReferenceLineList as oe } from "../chart/chart-format.js";
+import { resolveAnimation as f, resolveAxisDomain as p, resolveBrushProps as m, resolveCartesianLabelPosition as h, resolveCategoryRange as g, resolveChartReferenceValue as _, resolveLabelFillClass as v, resolveReferenceLineProps as ee, resolveRotatedTickAnchor as te, resolveXAxisTickLabels as ne, resolveXAxisTitle as re, resolveYAxisTitle as ie, toLabelFormatter as ae, toReferenceLineList as oe } from "../chart/chart-format.js";
+import { mergeXAxisLayoutMargin as se, useXAxisLayout as ce } from "../chart/use-x-axis-layout.js";
 import * as y from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Bar as C, BarChart as se, Brush as ce, CartesianGrid as le, Cell as w, LabelList as ue, Rectangle as T, ReferenceArea as de, ReferenceLine as fe, Text as pe, XAxis as me, YAxis as he } from "recharts";
+import { Bar as C, BarChart as le, Brush as ue, CartesianGrid as de, Cell as w, LabelList as fe, Rectangle as T, ReferenceArea as pe, ReferenceLine as me, Text as he, XAxis as ge, YAxis as _e } from "recharts";
 import { Meter as E } from "@base-ui/react/meter";
 //#region src/components/ui/bar-chart/bar-chart.tsx
-var ge = t("", {
+var D = t("", {
 	variants: {
 		orientation: {
 			vertical: "",
@@ -24,31 +25,31 @@ var ge = t("", {
 		orientation: "vertical",
 		layout: "grouped"
 	}
-}), D = "__headroom_";
-function O(e, t) {
-	let n = e?.filter((e) => !String(e.dataKey).startsWith(D));
+}), O = "__headroom_";
+function k(e, t) {
+	let n = e?.filter((e) => !String(e.dataKey).startsWith(O));
 	return t ? n?.slice().sort((e, n) => t.indexOf(String(e.dataKey)) - t.indexOf(String(n.dataKey))) : n;
 }
-function k(e) {
+function A(e) {
 	return e?.map((e) => e.color?.startsWith("url(") ? {
 		...e,
 		color: `var(--color-${d(String(e.dataKey))})`
 	} : e);
 }
-function A({ content: e, dataKeys: t, ...n }) {
+function ve({ content: e, dataKeys: t, ...n }) {
 	let r = {
 		...n,
-		payload: k(O(n.payload, t))
+		payload: A(k(n.payload, t))
 	};
 	return e ? typeof e == "function" ? y.createElement(e, r) : y.cloneElement(e, r) : /* @__PURE__ */ x(l, { ...r });
 }
-function j({ dataKeys: e, ...t }) {
+function ye({ dataKeys: e, ...t }) {
 	return /* @__PURE__ */ x(s, {
 		verticalAlign: t.verticalAlign,
-		payload: k(O(t.payload, e))
+		payload: A(k(t.payload, e))
 	});
 }
-function M({ bar: e, track: t, trackFill: n, paint: r }) {
+function j({ bar: e, track: t, trackFill: n, paint: r }) {
 	return /* @__PURE__ */ S(b, { children: [t && /* @__PURE__ */ x(T, {
 		className: "recharts-bar-background-rectangle",
 		x: t.x ?? void 0,
@@ -69,21 +70,21 @@ function M({ bar: e, track: t, trackFill: n, paint: r }) {
 		strokeDasharray: e.strokeDasharray
 	})] });
 }
-function N({ inRange: e, trackFill: t, paint: n }) {
-	return ({ background: r, index: i, ...a }) => M({
+function M({ inRange: e, trackFill: t, paint: n }) {
+	return ({ background: r, index: i, ...a }) => j({
 		bar: a,
 		track: e(i) ? r : void 0,
 		trackFill: t,
 		paint: n
 	});
 }
-function _e({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
+function be({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
 	return e ? {
-		shape: N({
+		shape: M({
 			inRange: t,
 			trackFill: n
 		}),
-		activeBar: r && N({
+		activeBar: r && M({
 			inRange: t,
 			trackFill: n,
 			paint: r
@@ -93,7 +94,7 @@ function _e({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }
 		activeBar: r
 	};
 }
-function P(e) {
+function xe(e) {
 	let { x: t = 0, y: n = 0, width: r = 0, height: i = 0, fill: a, fillOpacity: o } = e;
 	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(T, {
 		className: "recharts-reference-area-rect",
@@ -112,10 +113,10 @@ function P(e) {
 		strokeDasharray: "4 4"
 	})] });
 }
-function ve(e) {
-	if (e) return P;
+function Se(e) {
+	if (e) return xe;
 }
-function ye(e) {
+function Ce(e) {
 	return e ? {
 		value: e,
 		position: "insideTop",
@@ -123,7 +124,7 @@ function ye(e) {
 		fontSize: 12
 	} : void 0;
 }
-function be({ id: e, dataKeys: t, shapes: n }) {
+function we({ id: e, dataKeys: t, shapes: n }) {
 	let r = n.has("gradient"), i = n.has("pattern");
 	return !r && !i ? null : /* @__PURE__ */ x("defs", { children: t.map((t) => /* @__PURE__ */ S(y.Fragment, { children: [r && /* @__PURE__ */ S("linearGradient", {
 		id: `${e}-gradient-${d(t)}`,
@@ -161,10 +162,10 @@ function be({ id: e, dataKeys: t, shapes: n }) {
 		})]
 	})] }, t)) });
 }
-function xe({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range: a, headroomKey: o, barShape: s, rounded: c, fillOf: l, radiusFor: u }) {
+function Te({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range: a, headroomKey: o, barShape: s, rounded: c, fillOf: l, radiusFor: u }) {
 	let { fill: f, opacity: p, dashed: m } = i;
 	return e.map((e, h) => {
-		let g = h >= a[0] && h <= a[1], _ = g && i.shape || s, v = o !== void 0 && Number(t[h]?.[`${D}${r}`]) > 0;
+		let g = h >= a[0] && h <= a[1], _ = g && i.shape || s, v = o !== void 0 && Number(t[h]?.[`${O}${r}`]) > 0;
 		return /* @__PURE__ */ x(w, {
 			fill: g ? f ?? l(r, _) : l(r, s),
 			fillOpacity: g ? p : void 0,
@@ -175,8 +176,8 @@ function xe({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range:
 		}, `${r}-${String(e[n])}-${h}`);
 	});
 }
-var F = (e) => e.toLocaleString();
-function I({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip: c, tooltip: l }) {
+var N = (e) => e.toLocaleString();
+function P({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip: c, tooltip: l }) {
 	let { label: u, value: d, forecast: f } = t, p = a, m = o > 0 ? Math.round(d / o * 100) : 0, h = f != null && f > d, g = /* @__PURE__ */ S(E.Root, {
 		value: d,
 		max: o,
@@ -244,7 +245,7 @@ function I({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip:
 		] })
 	})] }) : g;
 }
-var L = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = F, showTooltip: a = !0, tooltip: o, className: s, ...c }, l) => {
+var F = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = N, showTooltip: a = !0, tooltip: o, className: s, ...c }, l) => {
 	let d = n !== void 0 && n > 0 ? n : t.reduce((e, t) => e + t.value, 0) || 1, f = y.useMemo(() => {
 		if (!r) return null;
 		let e = Object.fromEntries(t.map((e, t) => [`item${t}`, {
@@ -258,7 +259,7 @@ var L = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = F, sho
 		"data-orientation": "horizontal",
 		className: e("flex flex-col gap-4", s),
 		...c,
-		children: t.map((e, t) => /* @__PURE__ */ x(I, {
+		children: t.map((e, t) => /* @__PURE__ */ x(P, {
 			item: e,
 			resolvedColor: f ? f[t] ?? "" : e.color ?? "",
 			max: d,
@@ -268,135 +269,135 @@ var L = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = F, sho
 		}, `${t}-${e.label}`))
 	});
 });
-L.displayName = "HorizontalBarLayout";
-var R = y.forwardRef((t, n) => {
-	let r = y.useId().replace(/:/g, "");
+F.displayName = "HorizontalBarLayout";
+var I = y.forwardRef((t, n) => {
+	let r = y.useId().replace(/:/g, ""), i = y.useRef(null), s = t, l = s.xKey, u = ne(s.data && l ? s.data.map((e) => e[l]) : [], s.xTickFormatter), w = ce(i, s.xAxisAngle, s.xAxisLabel, u.join("\0"));
 	if (t.orientation === "horizontal") {
 		let { orientation: e, ...r } = t;
-		return /* @__PURE__ */ x(L, {
+		return /* @__PURE__ */ x(F, {
 			...r,
 			ref: n
 		});
 	}
-	let { className: i, config: s, palette: l, data: u, dataKeys: w, xKey: T, referenceLine: E, referenceArea: O, barSettings: k, xAxisLabel: M, yAxisLabel: N, yUnit: P, orientation: F = "vertical", layout: I = "grouped", barRadius: R = 8, barShape: z = "rounded", barSize: Se = 8, maxBarSize: Ce, barGap: we = 4, barCategoryGap: Te, minPointSize: B, showBackground: Ee = !1, backgroundFill: V = "var(--ui-background-surface-secondary)", showActiveBar: De = !1, activeBar: H, showGrid: Oe = !0, showTooltip: ke = !0, showLegend: Ae = !0, showXAxis: je = !0, showYAxis: Me = !0, xTickFormatter: U, yTickFormatter: Ne, xAxisAngle: W, xAxisInterval: Pe, yAxisTickCount: Fe, yAxisDomain: Ie, gridDashed: Le = !0, gridHorizontal: Re, gridVertical: ze, tooltipContent: Be, animate: Ve, animationDuration: He, animationBegin: Ue, animationEasing: We, showLabels: Ge = !1, labelPosition: Ke, labelFormatter: qe, showBrush: Je = !1, brushHeight: Ye, brushAriaLabel: Xe, ...Ze } = t, G = f({
-		animate: Ve,
-		animationDuration: He,
-		animationBegin: Ue,
-		animationEasing: We
-	}), K = I === "stacked", q = h({
-		labelPosition: Ke,
+	let { className: T, config: E, palette: k, data: A, dataKeys: j, xKey: M, referenceLine: xe, referenceArea: N, barSettings: P, xAxisLabel: I, yAxisLabel: Ee, yUnit: De, orientation: Oe = "vertical", layout: L = "grouped", barRadius: R = 8, barShape: z = "rounded", barSize: ke = 8, maxBarSize: Ae, barGap: je = 4, barCategoryGap: Me, minPointSize: B, showBackground: Ne = !1, backgroundFill: V = "var(--ui-background-surface-secondary)", showActiveBar: Pe = !1, activeBar: H, showGrid: Fe = !0, showTooltip: Ie = !0, showLegend: Le = !0, showXAxis: Re = !0, showYAxis: ze = !0, xTickFormatter: U, yTickFormatter: Be, xAxisAngle: W, xAxisInterval: Ve, yAxisTickCount: He, yAxisDomain: Ue, gridDashed: We = !0, gridHorizontal: Ge, gridVertical: Ke, tooltipContent: qe, animate: Je, animationDuration: Ye, animationBegin: Xe, animationEasing: Ze, showLabels: Qe = !1, labelPosition: $e, labelFormatter: et, showBrush: tt = !1, brushHeight: nt, brushAriaLabel: rt, ...it } = t, G = f({
+		animate: Je,
+		animationDuration: Ye,
+		animationBegin: Xe,
+		animationEasing: Ze
+	}), K = L === "stacked", q = h({
+		labelPosition: $e,
 		isStacked: K,
 		growingEnd: "top"
-	}), Qe = oe(E), $e = (O ? Array.isArray(O) ? O : [O] : []).map((e) => ({
+	}), at = oe(xe), J = (N ? Array.isArray(N) ? N : [N] : []).map((e) => ({
 		area: e,
-		range: g(e, u, T)
-	})).filter((e) => e.range !== void 0), J = new Map(w.flatMap((e) => {
-		let t = k?.[e], n = t ? g(t, u, T) : void 0;
+		range: g(e, A, M)
+	})).filter((e) => e.range !== void 0), Y = new Map(j.flatMap((e) => {
+		let t = P?.[e], n = t ? g(t, A, M) : 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 ? u.map((e, t) => {
+	})), X = new Map(K ? [] : Array.from(Y, ([e, t]) => typeof t.settings.background == "string" ? [e, t.settings.background] : void 0).filter((e) => e !== void 0)), Z = X.size ? A.map((e, t) => {
 		let n = {};
-		return Y.forEach((r, i) => {
-			let a = J.get(i);
+		return X.forEach((r, i) => {
+			let a = Y.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[`${D}${i}`] = Math.max(0, l - c));
+			typeof c == "number" && typeof l == "number" && (n[`${O}${i}`] = Math.max(0, l - c));
 		}), {
 			...e,
 			...n
 		};
-	}) : u, Z = new Set($e.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(({ range: e }) => u.slice(e[0], e[1] + 1).map((e) => e[T]))), et = Z.size ? ({ payload: t, index: n, ...r }) => {
+	}) : A, ot = new Set(J.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(({ range: e }) => A.slice(e[0], e[1] + 1).map((e) => e[M]))), st = ot.size ? ({ payload: t, index: n, ...r }) => {
 		let i = U ? U(t.value, n) : t.value;
-		return /* @__PURE__ */ x(pe, {
+		return /* @__PURE__ */ x(he, {
 			...r,
-			className: e("fill-muted-foreground", Z.has(t.value) && "fill-primary italic"),
+			className: e("fill-muted-foreground", ot.has(t.value) && "fill-primary italic"),
 			fontSize: 12,
 			children: i
 		});
-	} : void 0, tt = De ? {
+	} : void 0, ct = Pe ? {
 		...H?.fill === void 0 ? {} : { fill: H.fill },
 		fillOpacity: H?.opacity ?? .85
-	} : !1, Q = `bar-${r}`, nt = /* @__PURE__ */ new Set([z]);
-	J.forEach(({ settings: e }) => {
-		e.shape && nt.add(e.shape);
+	} : !1, Q = `bar-${r}`, lt = /* @__PURE__ */ new Set([z]);
+	Y.forEach(({ settings: e }) => {
+		e.shape && lt.add(e.shape);
 	});
-	let rt = (e) => B === void 0 ? void 0 : (t, n) => {
-		let r = K ? X[n]?.[e] : t;
+	let ut = (e) => B === void 0 ? void 0 : (t, n) => {
+		let r = K ? Z[n]?.[e] : t;
 		return typeof r == "number" && r !== 0 ? B : 0;
-	}, it = (e, t) => t === "gradient" ? `url(#${Q}-gradient-${d(e)})` : t === "pattern" ? `url(#${Q}-pattern-${d(e)})` : `var(--color-${d(e)})`, at = re(M), ot = ie(N), st = p(Ie), ct = ne(M, W), lt = [
+	}, dt = (e, t) => t === "gradient" ? `url(#${Q}-gradient-${d(e)})` : t === "pattern" ? `url(#${Q}-pattern-${d(e)})` : `var(--color-${d(e)})`, ft = re(I), pt = ie(Ee), mt = p(Ue), ht = [
 		R,
 		R,
 		0,
 		0
-	], $ = (e, t) => e === "pill" ? 9999 : R > 0 && t ? lt : void 0, ut = /* @__PURE__ */ x(A, {
-		content: Be,
-		dataKeys: w
-	}), dt = /* @__PURE__ */ x(j, { dataKeys: w }), ft = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(me, {
-		dataKey: T,
+	], $ = (e, t) => e === "pill" ? 9999 : R > 0 && t ? ht : void 0, gt = /* @__PURE__ */ x(ve, {
+		content: qe,
+		dataKeys: j
+	}), _t = /* @__PURE__ */ x(ye, { dataKeys: j }), vt = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(ge, {
+		dataKey: M,
 		type: "category",
-		hide: !je,
+		hide: !Re,
 		tickLine: !1,
 		axisLine: !1,
-		tick: et,
+		tick: st,
 		tickFormatter: U,
 		angle: W,
-		interval: Pe,
+		interval: Ve,
 		textAnchor: te(W),
-		height: ct,
-		label: at
-	}), /* @__PURE__ */ x(he, {
+		height: w.height,
+		label: ft
+	}), /* @__PURE__ */ x(_e, {
 		type: "number",
-		hide: !Me,
+		hide: !ze,
 		tickLine: !1,
 		axisLine: !1,
-		unit: P,
-		tickFormatter: Ne,
-		tickCount: Fe,
-		domain: st,
-		width: N ? 72 : void 0,
-		label: ot
-	})] }), pt = () => w.map((e, t) => {
-		let n = !K || t === w.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 } = _e({
+		unit: De,
+		tickFormatter: Be,
+		tickCount: He,
+		domain: mt,
+		width: Ee ? 72 : void 0,
+		label: pt
+	})] }), yt = () => j.map((e, t) => {
+		let n = !K || t === j.length - 1, r = Y.get(e), i = (e) => r !== void 0 && e >= r.range[0] && e <= r.range[1], a = X.get(e), { shape: o, activeBar: s } = be({
 			rangeBackground: r?.settings.background === !0,
 			inRange: i,
 			trackFill: V,
-			activeBarOption: tt
-		}), c = r && xe({
-			data: u,
-			chartData: X,
-			xKey: T,
+			activeBarOption: ct
+		}), c = r && Te({
+			data: A,
+			chartData: Z,
+			xKey: M,
 			seriesKey: e,
 			settings: r.settings,
 			range: r.range,
 			headroomKey: a,
 			barShape: z,
 			rounded: n,
-			fillOf: it,
+			fillOf: dt,
 			radiusFor: $
-		}), l = Ge && /* @__PURE__ */ x(ue, {
+		}), l = Qe && /* @__PURE__ */ x(fe, {
 			dataKey: e,
 			position: q,
-			formatter: ae(qe),
+			formatter: ae(et),
 			className: v(q),
 			fontSize: 12
 		});
 		return /* @__PURE__ */ S(y.Fragment, { children: [/* @__PURE__ */ S(C, {
 			dataKey: e,
-			fill: it(e, z),
+			fill: dt(e, z),
 			stackId: K ? "a" : a ? e : void 0,
 			radius: $(z, n),
-			minPointSize: rt(e),
-			background: Ee ? { fill: V } : void 0,
+			minPointSize: ut(e),
+			background: Ne ? { fill: V } : void 0,
 			shape: o,
 			activeBar: s,
 			...G,
 			children: [c, l]
 		}), a && /* @__PURE__ */ x(C, {
-			dataKey: `${D}${e}`,
+			dataKey: `${O}${e}`,
 			stackId: e,
 			fill: `var(--color-${d(e)})`,
 			fillOpacity: .25,
@@ -405,67 +406,69 @@ var R = y.forwardRef((t, n) => {
 			tooltipType: "none",
 			...G
 		})] }, e);
-	}), mt = () => $e.map(({ area: e, range: t }, n) => {
+	}), bt = () => J.map(({ area: e, range: t }, n) => {
 		let [r, i] = t;
-		return /* @__PURE__ */ x(de, {
-			x1: u[r]?.[T],
-			x2: u[i]?.[T],
+		return /* @__PURE__ */ x(pe, {
+			x1: A[r]?.[M],
+			x2: A[i]?.[M],
 			fill: "var(--ui-background-surface-secondary)",
 			fillOpacity: .6,
 			ifOverflow: "extendDomain",
-			shape: ve(e.divider),
-			label: ye(e.label)
+			shape: Se(e.divider),
+			label: Ce(e.label)
 		}, `${e.label ?? "area"}-${n}`);
-	}), ht = () => Qe.map((e, t) => {
-		let n = _(e, u, w);
-		return n === void 0 ? null : /* @__PURE__ */ x(fe, {
+	}), xt = () => at.map((e, t) => {
+		let n = _(e, A, j);
+		return n === void 0 ? null : /* @__PURE__ */ x(me, {
 			y: n,
 			...ee(e.label, e.labelPosition ?? "insideTopRight")
 		}, `${e.label ?? "ref"}-${t}`);
 	});
 	return /* @__PURE__ */ x("div", {
 		ref: n,
-		"data-orientation": F,
-		"data-layout": I,
-		className: e(ge({
-			orientation: F,
-			layout: I
-		}), i),
-		...Ze,
+		"data-orientation": Oe,
+		"data-layout": L,
+		className: e(D({
+			orientation: Oe,
+			layout: L
+		}), T),
+		...it,
 		children: /* @__PURE__ */ x(a, {
-			config: s,
-			palette: l,
+			ref: i,
+			config: E,
+			palette: k,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ S(se, {
-				data: X,
+			children: /* @__PURE__ */ S(le, {
+				data: Z,
 				layout: "horizontal",
-				barSize: Se,
-				maxBarSize: Ce,
-				barGap: we,
-				barCategoryGap: Te,
+				barSize: ke,
+				maxBarSize: Ae,
+				barGap: je,
+				barCategoryGap: Me,
+				margin: se(void 0, w.margin),
 				children: [
-					/* @__PURE__ */ x(be, {
+					/* @__PURE__ */ x(we, {
 						id: Q,
-						dataKeys: w,
-						shapes: nt
+						dataKeys: j,
+						shapes: lt
 					}),
-					Oe && /* @__PURE__ */ x(le, {
-						horizontal: Re ?? !0,
-						vertical: ze ?? !1,
-						strokeDasharray: Le ? "3 3" : void 0
+					Fe && /* @__PURE__ */ x(de, {
+						horizontal: Ge ?? !0,
+						vertical: Ke ?? !1,
+						strokeDasharray: We ? "3 3" : void 0
 					}),
-					ft(),
-					ke && /* @__PURE__ */ x(c, { content: ut }),
-					Ae && /* @__PURE__ */ x(o, { content: dt }),
-					pt(),
-					mt(),
-					ht(),
-					Je && /* @__PURE__ */ x(ce, {
-						dataKey: T,
+					vt(),
+					Ie && /* @__PURE__ */ x(c, { content: gt }),
+					Le && /* @__PURE__ */ x(o, { content: _t }),
+					yt(),
+					bt(),
+					xt(),
+					tt && /* @__PURE__ */ x(ue, {
+						dataKey: M,
 						tickFormatter: U,
 						...m({
-							brushHeight: Ye,
-							brushAriaLabel: Xe
+							brushHeight: nt,
+							brushAriaLabel: rt
 						})
 					})
 				]
@@ -473,8 +476,8 @@ var R = y.forwardRef((t, n) => {
 		})
 	});
 });
-R.displayName = "BarChart";
+I.displayName = "BarChart";
 //#endregion
-export { R as BarChart, j as NormalizedLegendContent, A as NormalizedTooltipContent, ge as barChartVariants, N as createTrackShape, O as dropHeadroomSeries, k as withSeriesColor };
+export { I as BarChart, ye as NormalizedLegendContent, ve as NormalizedTooltipContent, D as barChartVariants, M as createTrackShape, k as dropHeadroomSeries, A as withSeriesColor };
 
 //# sourceMappingURL=bar-chart.js.map