@acronis-platform/ui-react 5.2.0 → 5.3.0

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

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