@acronis-platform/ui-react 5.5.3 → 5.5.5

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

@@ -3,14 +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, 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 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";
+import { resolveAnimation as f, resolveAxisDomain as p, resolveBrushProps as m, resolveCartesianLabelPosition as h, resolveCategoryRange as g, resolveChartReferenceValue as _, resolveLabelFillClass as ee, resolveReferenceLineProps as te, resolveRotatedTickAnchor as ne, resolveXAxisTickLabels as re, resolveXAxisTitle as ie, resolveYAxisTitle as ae, resolveYAxisWidth as oe, toLabelFormatter as se, toReferenceLineList as ce } from "../chart/chart-format.js";
+import { mergeXAxisLayoutMargin as le, useXAxisLayout as ue } from "../chart/use-x-axis-layout.js";
+import * as v from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Bar as S, BarChart as de, Brush as fe, CartesianGrid as pe, Cell as C, LabelList as me, Rectangle as w, ReferenceArea as he, ReferenceLine as ge, Text as _e, XAxis as ve, YAxis as ye } from "recharts";
+import { Meter as T } from "@base-ui/react/meter";
 //#region src/components/ui/bar-chart/bar-chart.tsx
-var D = t("", {
+var E = t("", {
 	variants: {
 		orientation: {
 			vertical: "",
@@ -25,41 +25,41 @@ var D = t("", {
 		orientation: "vertical",
 		layout: "grouped"
 	}
-}), O = "__headroom_";
-function k(e, t) {
-	let n = e?.filter((e) => !String(e.dataKey).startsWith(O));
+}), D = "__headroom_";
+function O(e, t) {
+	let n = e?.filter((e) => !String(e.dataKey).startsWith(D));
 	return t ? n?.slice().sort((e, n) => t.indexOf(String(e.dataKey)) - t.indexOf(String(n.dataKey))) : n;
 }
-function A(e) {
+function k(e) {
 	return e?.map((e) => e.color?.startsWith("url(") ? {
 		...e,
 		color: `var(--color-${d(String(e.dataKey))})`
 	} : e);
 }
-function j({ content: e, dataKeys: t, ...n }) {
+function A({ content: e, dataKeys: t, ...n }) {
 	let r = {
 		...n,
-		payload: A(k(n.payload, t))
+		payload: k(O(n.payload, t))
 	};
-	return e ? typeof e == "function" ? y.createElement(e, r) : y.cloneElement(e, r) : /* @__PURE__ */ x(l, { ...r });
+	return e ? typeof e == "function" ? v.createElement(e, r) : v.cloneElement(e, r) : /* @__PURE__ */ b(l, { ...r });
 }
-function M({ dataKeys: e, fontSize: t, legendAriaLabel: n, ...r }) {
-	return /* @__PURE__ */ x(s, {
+function j({ dataKeys: e, fontSize: t, legendAriaLabel: n, ...r }) {
+	return /* @__PURE__ */ b(s, {
 		verticalAlign: r.verticalAlign,
 		fontSize: t,
 		ariaLabel: n,
-		payload: A(k(r.payload, e))
+		payload: k(O(r.payload, e))
 	});
 }
-function N({ bar: e, track: t, trackFill: n, paint: r }) {
-	return /* @__PURE__ */ S(b, { children: [t && /* @__PURE__ */ x(T, {
+function M({ bar: e, track: t, trackFill: n, paint: r }) {
+	return /* @__PURE__ */ x(y, { children: [t && /* @__PURE__ */ b(w, {
 		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(T, {
+	}), /* @__PURE__ */ b(w, {
 		x: e.x ?? void 0,
 		y: e.y ?? void 0,
 		width: e.width ?? void 0,
@@ -72,21 +72,21 @@ function N({ bar: e, track: t, trackFill: n, paint: r }) {
 		strokeDasharray: e.strokeDasharray
 	})] });
 }
-function P({ inRange: e, trackFill: t, paint: n }) {
-	return ({ background: r, index: i, ...a }) => N({
+function N({ inRange: e, trackFill: t, paint: n }) {
+	return ({ background: r, index: i, ...a }) => M({
 		bar: a,
 		track: e(i) ? r : void 0,
 		trackFill: t,
 		paint: n
 	});
 }
-function ve({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
+function be({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
 	return e ? {
-		shape: P({
+		shape: N({
 			inRange: t,
 			trackFill: n
 		}),
-		activeBar: r && P({
+		activeBar: r && N({
 			inRange: t,
 			trackFill: n,
 			paint: r
@@ -96,9 +96,9 @@ function ve({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }
 		activeBar: r
 	};
 }
-function F(e) {
+function P(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, {
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(w, {
 		className: "recharts-reference-area-rect",
 		x: t,
 		y: n,
@@ -106,7 +106,7 @@ function F(e) {
 		height: i,
 		fill: a,
 		fillOpacity: o
-	}), /* @__PURE__ */ x("line", {
+	}), /* @__PURE__ */ b("line", {
 		x1: t,
 		y1: n,
 		x2: t,
@@ -115,10 +115,10 @@ function F(e) {
 		strokeDasharray: "4 4"
 	})] });
 }
-function ye(e) {
-	if (e) return F;
+function xe(e) {
+	if (e) return P;
 }
-function be(e) {
+function Se(e) {
 	return e ? {
 		value: e,
 		position: "insideTop",
@@ -126,35 +126,35 @@ function be(e) {
 		fontSize: 12
 	} : void 0;
 }
-function xe({ id: e, dataKeys: t, shapes: n }) {
+function Ce({ 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", {
+	return !r && !i ? null : /* @__PURE__ */ b("defs", { children: t.map((t) => /* @__PURE__ */ x(v.Fragment, { children: [r && /* @__PURE__ */ x("linearGradient", {
 		id: `${e}-gradient-${d(t)}`,
 		x1: "0",
 		y1: "0",
 		x2: "0",
 		y2: "1",
-		children: [/* @__PURE__ */ x("stop", {
+		children: [/* @__PURE__ */ b("stop", {
 			offset: "0%",
 			stopColor: `var(--color-${d(t)})`,
 			stopOpacity: 1
-		}), /* @__PURE__ */ x("stop", {
+		}), /* @__PURE__ */ b("stop", {
 			offset: "100%",
 			stopColor: `var(--color-${d(t)})`,
 			stopOpacity: .35
 		})]
-	}), i && /* @__PURE__ */ S("pattern", {
+	}), i && /* @__PURE__ */ x("pattern", {
 		id: `${e}-pattern-${d(t)}`,
 		patternUnits: "userSpaceOnUse",
 		width: 6,
 		height: 6,
 		patternTransform: "rotate(45)",
-		children: [/* @__PURE__ */ x("rect", {
+		children: [/* @__PURE__ */ b("rect", {
 			width: 6,
 			height: 6,
 			fill: `var(--color-${d(t)})`,
 			fillOpacity: .25
-		}), /* @__PURE__ */ x("line", {
+		}), /* @__PURE__ */ b("line", {
 			x1: 0,
 			y1: 0,
 			x2: 0,
@@ -164,40 +164,40 @@ function xe({ id: e, dataKeys: t, shapes: n }) {
 		})]
 	})] }, t)) });
 }
-function Se({ data: e, chartData: t, xKey: n, seriesKey: r, settings: i, range: a, headroomKey: o, barShape: s, rounded: c, fillOf: l, radiusFor: u }) {
+function we({ 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]?.[`${O}${r}`]) > 0;
-		return /* @__PURE__ */ x(w, {
+		let g = h >= a[0] && h <= a[1], _ = g && i.shape || s, ee = o !== void 0 && Number(t[h]?.[`${D}${r}`]) > 0;
+		return /* @__PURE__ */ b(C, {
 			fill: g ? f ?? l(r, _) : l(r, s),
 			fillOpacity: g ? p : void 0,
 			stroke: g && m ? `var(--color-${d(r)})` : void 0,
 			strokeWidth: g && m ? 1 : void 0,
 			strokeDasharray: g && m ? "4 3" : void 0,
-			radius: v ? void 0 : u(_, c)
+			radius: ee ? void 0 : u(_, c)
 		}, `${r}-${String(e[n])}-${h}`);
 	});
 }
-var I = (e) => e.toLocaleString();
-function L({ 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, {
+var F = (e) => e.toLocaleString();
+function I({ 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__ */ x(T.Root, {
 		value: d,
 		max: o,
 		"aria-valuemax": o,
 		"aria-valuetext": h ? `${s(d)} of ${s(o)} (${m}%), forecast ${s(f)}` : `${s(d)} of ${s(o)} (${m}%)`,
 		tabIndex: c ? 0 : void 0,
 		className: "flex w-full flex-col gap-1.5",
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex items-baseline justify-between gap-2 text-sm leading-none",
-			children: [/* @__PURE__ */ x(E.Label, {
+			children: [/* @__PURE__ */ b(T.Label, {
 				className: "truncate font-semibold",
 				children: u
-			}), /* @__PURE__ */ S("span", {
+			}), /* @__PURE__ */ x("span", {
 				className: "shrink-0 tabular-nums",
-				children: [/* @__PURE__ */ x("span", {
+				children: [/* @__PURE__ */ b("span", {
 					className: "font-semibold text-[var(--ui-text-on-surface-link-idle)]",
 					children: s(d)
-				}), /* @__PURE__ */ S("span", {
+				}), /* @__PURE__ */ x("span", {
 					className: "text-muted-foreground",
 					children: [
 						" ",
@@ -206,9 +206,9 @@ function L({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip:
 					]
 				})]
 			})]
-		}), /* @__PURE__ */ S(E.Track, {
+		}), /* @__PURE__ */ x(T.Track, {
 			className: "relative h-2 w-full overflow-hidden rounded-full bg-[var(--ui-background-status-neutral-pressed)]",
-			children: [h && /* @__PURE__ */ x("div", {
+			children: [h && /* @__PURE__ */ b("div", {
 				"data-forecast": !0,
 				className: "absolute inset-y-0 start-0 rounded-full",
 				style: {
@@ -216,24 +216,24 @@ function L({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip:
 					opacity: .3,
 					width: `${f / o * 100}%`
 				}
-			}), /* @__PURE__ */ x(E.Indicator, {
+			}), /* @__PURE__ */ b(T.Indicator, {
 				className: "relative rounded-full",
 				style: { backgroundColor: p }
 			})]
 		})]
 	});
-	return c ? /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ x(i, { render: g }), /* @__PURE__ */ x(r, {
+	return c ? /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b(i, { render: g }), /* @__PURE__ */ b(r, {
 		className: e("border border-border bg-background text-foreground shadow-md", !l && "flex items-center gap-2"),
-		children: l ?? /* @__PURE__ */ S(b, { children: [
-			/* @__PURE__ */ x("span", {
+		children: l ?? /* @__PURE__ */ x(y, { children: [
+			/* @__PURE__ */ b("span", {
 				className: "size-2.5 shrink-0 rounded-full",
 				style: { backgroundColor: p }
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ b("span", {
 				className: "font-semibold",
 				children: u
 			}),
-			/* @__PURE__ */ S("span", {
+			/* @__PURE__ */ x("span", {
 				className: "text-muted-foreground",
 				children: [
 					s(d),
@@ -247,8 +247,8 @@ function L({ item: t, resolvedColor: a, max: o, valueFormatter: s, showTooltip:
 		] })
 	})] }) : g;
 }
-var R = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = I, 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(() => {
+var L = v.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = F, 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 = v.useMemo(() => {
 		if (!r) return null;
 		let e = Object.fromEntries(t.map((e, t) => [`item${t}`, {
 			label: e.label,
@@ -256,12 +256,12 @@ var R = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = I, sho
 		}])), n = u(e, r);
 		return t.map((e, t) => e.color ?? n[`item${t}`]?.color ?? "");
 	}, [t, r]);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		ref: l,
 		"data-orientation": "horizontal",
 		className: e("flex flex-col gap-4", s),
 		...c,
-		children: t.map((e, t) => /* @__PURE__ */ x(L, {
+		children: t.map((e, t) => /* @__PURE__ */ b(I, {
 			item: e,
 			resolvedColor: f ? f[t] ?? "" : e.color ?? "",
 			max: d,
@@ -271,207 +271,207 @@ var R = y.forwardRef(({ items: t, max: n, palette: r, valueFormatter: i = I, sho
 		}, `${t}-${e.label}`))
 	});
 });
-R.displayName = "HorizontalBarLayout";
-var z = 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"));
+L.displayName = "HorizontalBarLayout";
+var R = v.forwardRef((t, n) => {
+	let r = v.useId().replace(/:/g, ""), i = v.useRef(null), s = t, l = s.xKey, u = re(s.data && l ? s.data.map((e) => e[l]) : [], s.xTickFormatter), C = ue(i, s.xAxisAngle, s.xAxisLabel, u.join("\0"));
 	if (t.orientation === "horizontal") {
 		let { orientation: e, ...r } = t;
-		return /* @__PURE__ */ x(R, {
+		return /* @__PURE__ */ b(L, {
 			...r,
 			ref: n
 		});
 	}
-	let { className: T, config: E, palette: k, data: A, dataKeys: N, xKey: P, referenceLine: F, referenceArea: I, barSettings: L, xAxisLabel: z, yAxisLabel: B, yUnit: Ce, orientation: V = "vertical", layout: H = "grouped", barRadius: U = 8, barShape: W = "rounded", barSize: we = 8, maxBarSize: Te, barGap: Ee = 4, barCategoryGap: De, minPointSize: Oe, showBackground: ke = !1, backgroundFill: Ae = "var(--ui-background-surface-secondary)", showActiveBar: je = !1, activeBar: G, showGrid: Me = !0, showTooltip: Ne = !0, showLegend: Pe = !0, legendFontSize: Fe, legendAriaLabel: Ie, showXAxis: Le = !0, showYAxis: Re = !0, xTickFormatter: K, yTickFormatter: ze, xAxisAngle: Be, 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, at = f({
+	let { className: w, config: T, palette: O, data: k, dataKeys: M, xKey: N, referenceLine: P, referenceArea: F, barSettings: I, xAxisLabel: R, yAxisLabel: z, yUnit: Te, orientation: B = "vertical", layout: V = "grouped", barRadius: H = 8, barShape: U = "rounded", barSize: Ee = 8, maxBarSize: De, barGap: Oe = 4, barCategoryGap: ke, minPointSize: W, showBackground: Ae = !1, backgroundFill: G = "var(--ui-background-surface-secondary)", showActiveBar: je = !1, activeBar: K, showGrid: Me = !0, showTooltip: Ne = !0, showLegend: Pe = !0, legendFontSize: Fe, legendAriaLabel: Ie, showXAxis: Le = !0, showYAxis: Re = !0, xTickFormatter: q, yTickFormatter: ze, xAxisAngle: Be, 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, at = f({
 		animate: Je,
 		animationDuration: Ye,
 		animationBegin: Xe,
 		animationEasing: Ze
-	}), q = H === "stacked", ot = h({
+	}), J = V === "stacked", ot = h({
 		labelPosition: $e,
-		isStacked: q,
+		isStacked: J,
 		growingEnd: "top"
-	}), st = oe(F), ct = (I ? Array.isArray(I) ? I : [I] : []).map((e) => ({
+	}), st = ce(P), ct = (F ? Array.isArray(F) ? F : [F] : []).map((e) => ({
 		area: e,
-		range: g(e, A, P)
-	})).filter((e) => e.range !== void 0), J = new Map(N.flatMap((e) => {
-		let t = L?.[e], n = t ? g(t, A, P) : void 0;
+		range: g(e, k, N)
+	})).filter((e) => e.range !== void 0), Y = new Map(M.flatMap((e) => {
+		let t = I?.[e], n = t ? g(t, k, N) : void 0;
 		return t && n ? [[e, {
 			settings: t,
 			range: n
 		}]] : [];
-	})), Y = new Map(q ? [] : Array.from(J, ([e, t]) => typeof t.settings.background == "string" ? [e, t.settings.background] : void 0).filter((e) => e !== void 0)), X = Y.size ? A.map((e, t) => {
+	})), X = new Map(J ? [] : Array.from(Y, ([e, t]) => typeof t.settings.background == "string" ? [e, t.settings.background] : void 0).filter((e) => e !== void 0)), Z = X.size ? k.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[`${O}${i}`] = Math.max(0, l - c));
+			typeof c == "number" && typeof l == "number" && (n[`${D}${i}`] = Math.max(0, l - c));
 		}), {
 			...e,
 			...n
 		};
-	}) : A, lt = new Set(ct.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(({ range: e }) => A.slice(e[0], e[1] + 1).map((e) => e[P]))), ut = lt.size ? ({ payload: t, index: n, ...r }) => {
-		let i = K ? K(t.value, n) : t.value;
-		return /* @__PURE__ */ x(he, {
+	}) : k, lt = new Set(ct.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(({ range: e }) => k.slice(e[0], e[1] + 1).map((e) => e[N]))), ut = lt.size ? ({ payload: t, index: n, ...r }) => {
+		let i = q ? q(t.value, n) : t.value;
+		return /* @__PURE__ */ b(_e, {
 			...r,
 			className: e("fill-muted-foreground", lt.has(t.value) && "fill-primary italic"),
 			fontSize: 12,
 			children: i
 		});
 	} : void 0, dt = je ? {
-		...G?.fill === void 0 ? {} : { fill: G.fill },
-		fillOpacity: G?.opacity ?? .85
-	} : !1, Z = `bar-${r}`, ft = /* @__PURE__ */ new Set([W]);
-	J.forEach(({ settings: e }) => {
+		...K?.fill === void 0 ? {} : { fill: K.fill },
+		fillOpacity: K?.opacity ?? .85
+	} : !1, Q = `bar-${r}`, ft = /* @__PURE__ */ new Set([U]);
+	Y.forEach(({ settings: e }) => {
 		e.shape && ft.add(e.shape);
 	});
-	let pt = (e) => Oe === void 0 ? void 0 : (t, n) => {
-		let r = q ? X[n]?.[e] : t;
-		return typeof r == "number" && r !== 0 ? Oe : 0;
-	}, Q = (e, t) => t === "gradient" ? `url(#${Z}-gradient-${d(e)})` : t === "pattern" ? `url(#${Z}-pattern-${d(e)})` : `var(--color-${d(e)})`, mt = re(z), ht = ie(B), gt = p(Ue), _t = [
-		U,
-		U,
+	let pt = (e) => W === void 0 ? void 0 : (t, n) => {
+		let r = J ? Z[n]?.[e] : t;
+		return typeof r == "number" && r !== 0 ? W : 0;
+	}, mt = (e, t) => t === "gradient" ? `url(#${Q}-gradient-${d(e)})` : t === "pattern" ? `url(#${Q}-pattern-${d(e)})` : `var(--color-${d(e)})`, ht = ie(R), gt = ae(z), _t = p(Ue), vt = [
+		H,
+		H,
 		0,
 		0
-	], $ = (e, t) => e === "pill" ? 9999 : U > 0 && t ? _t : void 0, vt = /* @__PURE__ */ x(j, {
+	], $ = (e, t) => e === "pill" ? 9999 : H > 0 && t ? vt : void 0, yt = /* @__PURE__ */ b(A, {
 		content: qe,
-		dataKeys: N
-	}), yt = /* @__PURE__ */ x(M, {
-		dataKeys: N,
+		dataKeys: M
+	}), bt = /* @__PURE__ */ b(j, {
+		dataKeys: M,
 		fontSize: Fe,
 		legendAriaLabel: Ie
-	}), bt = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(ge, {
-		dataKey: P,
+	}), xt = () => /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ve, {
+		dataKey: N,
 		type: "category",
 		hide: !Le,
 		tickLine: !1,
 		axisLine: !1,
 		tick: ut,
-		tickFormatter: K,
+		tickFormatter: q,
 		angle: Be,
 		interval: Ve,
-		textAnchor: te(Be),
-		height: w.height,
-		label: mt
-	}), /* @__PURE__ */ x(_e, {
+		textAnchor: ne(Be),
+		height: C.height,
+		label: ht
+	}), /* @__PURE__ */ b(ye, {
 		type: "number",
 		hide: !Re,
 		tickLine: !1,
 		axisLine: !1,
-		unit: Ce,
+		unit: Te,
 		tickFormatter: ze,
 		tickCount: He,
-		domain: gt,
-		width: B ? 72 : void 0,
-		label: ht
-	})] }), xt = () => N.map((e, t) => {
-		let n = !q || t === N.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 } = ve({
+		domain: _t,
+		width: oe(k.length > 0, !!z),
+		label: gt
+	})] }), St = () => M.map((e, t) => {
+		let n = !J || t === M.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: Ae,
+			trackFill: G,
 			activeBarOption: dt
-		}), c = r && Se({
-			data: A,
-			chartData: X,
-			xKey: P,
+		}), c = r && we({
+			data: k,
+			chartData: Z,
+			xKey: N,
 			seriesKey: e,
 			settings: r.settings,
 			range: r.range,
 			headroomKey: a,
-			barShape: W,
+			barShape: U,
 			rounded: n,
-			fillOf: Q,
+			fillOf: mt,
 			radiusFor: $
-		}), l = Qe && /* @__PURE__ */ x(fe, {
+		}), l = Qe && /* @__PURE__ */ b(me, {
 			dataKey: e,
 			position: ot,
-			formatter: ae(et),
-			className: v(ot),
+			formatter: se(et),
+			className: ee(ot),
 			fontSize: 12
 		});
-		return /* @__PURE__ */ S(y.Fragment, { children: [/* @__PURE__ */ S(C, {
+		return /* @__PURE__ */ x(v.Fragment, { children: [/* @__PURE__ */ x(S, {
 			dataKey: e,
-			fill: Q(e, W),
-			stackId: q ? "a" : a ? e : void 0,
-			radius: $(W, n),
+			fill: mt(e, U),
+			stackId: J ? "a" : a ? e : void 0,
+			radius: $(U, n),
 			minPointSize: pt(e),
-			background: ke ? { fill: Ae } : void 0,
+			background: Ae ? { fill: G } : void 0,
 			shape: o,
 			activeBar: s,
 			...at,
 			children: [c, l]
-		}), a && /* @__PURE__ */ x(C, {
-			dataKey: `${O}${e}`,
+		}), a && /* @__PURE__ */ b(S, {
+			dataKey: `${D}${e}`,
 			stackId: e,
 			fill: `var(--color-${d(e)})`,
 			fillOpacity: .25,
-			radius: $(W, !0),
+			radius: $(U, !0),
 			legendType: "none",
 			tooltipType: "none",
 			...at
 		})] }, e);
-	}), St = () => ct.map(({ area: e, range: t }, n) => {
+	}), Ct = () => ct.map(({ area: e, range: t }, n) => {
 		let [r, i] = t;
-		return /* @__PURE__ */ x(pe, {
-			x1: A[r]?.[P],
-			x2: A[i]?.[P],
+		return /* @__PURE__ */ b(he, {
+			x1: k[r]?.[N],
+			x2: k[i]?.[N],
 			fill: "var(--ui-background-surface-secondary)",
 			fillOpacity: .6,
 			ifOverflow: "extendDomain",
-			shape: ye(e.divider),
-			label: be(e.label)
+			shape: xe(e.divider),
+			label: Se(e.label)
 		}, `${e.label ?? "area"}-${n}`);
-	}), Ct = () => st.map((e, t) => {
-		let n = _(e, A, N);
-		return n === void 0 ? null : /* @__PURE__ */ x(me, {
+	}), wt = () => st.map((e, t) => {
+		let n = _(e, k, M);
+		return n === void 0 ? null : /* @__PURE__ */ b(ge, {
 			y: n,
-			...ee(e.label, e.labelPosition ?? "insideTopRight")
+			...te(e.label, e.labelPosition ?? "insideTopRight")
 		}, `${e.label ?? "ref"}-${t}`);
 	});
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		ref: n,
-		"data-orientation": V,
-		"data-layout": H,
-		className: e(D({
-			orientation: V,
-			layout: H
-		}), T),
+		"data-orientation": B,
+		"data-layout": V,
+		className: e(E({
+			orientation: B,
+			layout: V
+		}), w),
 		...it,
-		children: /* @__PURE__ */ x(a, {
+		children: /* @__PURE__ */ b(a, {
 			ref: i,
-			config: E,
-			palette: k,
+			config: T,
+			palette: O,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ S(le, {
-				data: X,
+			children: /* @__PURE__ */ x(de, {
+				data: Z,
 				layout: "horizontal",
-				barSize: we,
-				maxBarSize: Te,
-				barGap: Ee,
-				barCategoryGap: De,
-				margin: se(void 0, w.margin),
+				barSize: Ee,
+				maxBarSize: De,
+				barGap: Oe,
+				barCategoryGap: ke,
+				margin: le(void 0, C.margin),
 				children: [
-					/* @__PURE__ */ x(xe, {
-						id: Z,
-						dataKeys: N,
+					/* @__PURE__ */ b(Ce, {
+						id: Q,
+						dataKeys: M,
 						shapes: ft
 					}),
-					Me && /* @__PURE__ */ x(de, {
+					Me && /* @__PURE__ */ b(pe, {
 						horizontal: Ge ?? !0,
 						vertical: Ke ?? !1,
 						strokeDasharray: We ? "3 3" : void 0
 					}),
-					bt(),
-					Ne && /* @__PURE__ */ x(c, { content: vt }),
-					Pe && /* @__PURE__ */ x(o, { content: yt }),
 					xt(),
+					Ne && /* @__PURE__ */ b(c, { content: yt }),
+					Pe && /* @__PURE__ */ b(o, { content: bt }),
 					St(),
 					Ct(),
-					tt && /* @__PURE__ */ x(ue, {
-						dataKey: P,
-						tickFormatter: K,
+					wt(),
+					tt && /* @__PURE__ */ b(fe, {
+						dataKey: N,
+						tickFormatter: q,
 						...m({
 							brushHeight: nt,
 							brushAriaLabel: rt
@@ -482,8 +482,8 @@ var z = y.forwardRef((t, n) => {
 		})
 	});
 });
-z.displayName = "BarChart";
+R.displayName = "BarChart";
 //#endregion
-export { z as BarChart, M as NormalizedLegendContent, j as NormalizedTooltipContent, D as barChartVariants, P as createTrackShape, k as dropHeadroomSeries, A as withSeriesColor };
+export { R as BarChart, j as NormalizedLegendContent, A as NormalizedTooltipContent, E as barChartVariants, N as createTrackShape, O as dropHeadroomSeries, k as withSeriesColor };
 
 //# sourceMappingURL=bar-chart.js.map