@acronis-platform/ui-react 4.1.0 → 5.1.0

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

@@ -1,13 +1,15 @@
 "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";
+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";
 //#region src/components/ui/bar-chart/bar-chart.tsx
-var pe = t("", {
+var ge = t("", {
 	variants: {
 		orientation: {
 			vertical: "",
@@ -22,39 +24,39 @@ var pe = t("", {
 		orientation: "vertical",
 		layout: "grouped"
 	}
-}), w = "__headroom_";
-function T(e, t) {
-	let n = e?.filter((e) => !String(e.dataKey).startsWith(w));
+}), E = "__headroom_";
+function D(e, t) {
+	let n = e?.filter((e) => !String(e.dataKey).startsWith(E));
 	return t ? n?.slice().sort((e, n) => t.indexOf(String(e.dataKey)) - t.indexOf(String(n.dataKey))) : n;
 }
-function E(e) {
+function O(e) {
 	return e?.map((e) => e.color?.startsWith("url(") ? {
 		...e,
 		color: `var(--color-${String(e.dataKey)})`
 	} : e);
 }
-function me({ content: e, dataKeys: t, ...n }) {
+function k({ content: e, dataKeys: t, ...n }) {
 	let r = {
 		...n,
-		payload: E(T(n.payload, t))
+		payload: O(D(n.payload, t))
 	};
-	return e ? typeof e == "function" ? h.createElement(e, r) : h.cloneElement(e, r) : /* @__PURE__ */ _(o, { ...r });
+	return e ? typeof e == "function" ? v.createElement(e, r) : v.cloneElement(e, r) : /* @__PURE__ */ b(l, { ...r });
 }
-function he({ dataKeys: e, ...t }) {
-	return /* @__PURE__ */ _(i, {
+function A({ dataKeys: e, ...t }) {
+	return /* @__PURE__ */ b(s, {
 		verticalAlign: t.verticalAlign,
-		payload: E(T(t.payload, e))
+		payload: O(D(t.payload, e))
 	});
 }
-function D({ bar: e, track: t, trackFill: n, paint: r }) {
-	return /* @__PURE__ */ v(g, { children: [t && /* @__PURE__ */ _(x, {
+function j({ 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, {
+	}), /* @__PURE__ */ b(w, {
 		x: e.x ?? void 0,
 		y: e.y ?? void 0,
 		width: e.width ?? void 0,
@@ -67,21 +69,21 @@ function D({ bar: e, track: t, trackFill: n, paint: r }) {
 		strokeDasharray: e.strokeDasharray
 	})] });
 }
-function O({ inRange: e, trackFill: t, paint: n }) {
-	return ({ background: r, index: i, ...a }) => D({
+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 ge({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
+function _e({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }) {
 	return e ? {
-		shape: O({
+		shape: M({
 			inRange: t,
 			trackFill: n
 		}),
-		activeBar: r && O({
+		activeBar: r && M({
 			inRange: t,
 			trackFill: n,
 			paint: r
@@ -91,32 +93,29 @@ function ge({ rangeBackground: e, inRange: t, trackFill: n, activeBarOption: r }
 		activeBar: r
 	};
 }
-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, {
+function N(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, {
 		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,
+		x: t,
+		y: n,
+		width: r,
+		height: i,
+		fill: a,
+		fillOpacity: o
+	}), /* @__PURE__ */ b("line", {
+		x1: t,
+		y1: n,
+		x2: t,
+		y2: n + i,
 		stroke: "var(--ui-border-on-surface-border)",
 		strokeDasharray: "4 4"
 	})] });
 }
-function _e({ divider: e, vertical: t }) {
-	if (e) return (e) => k({
-		band: e,
-		vertical: t
-	});
-}
 function ve(e) {
+	if (e) return N;
+}
+function ye(e) {
 	return e ? {
 		value: e,
 		position: "insideTop",
@@ -124,35 +123,35 @@ function ve(e) {
 		fontSize: 12
 	} : void 0;
 }
-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", {
+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}`,
 		x1: "0",
 		y1: "0",
-		x2: r ? "1" : "0",
-		y2: r ? "0" : "1",
-		children: [/* @__PURE__ */ _("stop", {
+		x2: "0",
+		y2: "1",
+		children: [/* @__PURE__ */ b("stop", {
 			offset: "0%",
 			stopColor: `var(--color-${t})`,
 			stopOpacity: 1
-		}), /* @__PURE__ */ _("stop", {
+		}), /* @__PURE__ */ b("stop", {
 			offset: "100%",
 			stopColor: `var(--color-${t})`,
 			stopOpacity: .35
 		})]
-	}), a && /* @__PURE__ */ v("pattern", {
+	}), i && /* @__PURE__ */ x("pattern", {
 		id: `${e}-pattern-${t}`,
 		patternUnits: "userSpaceOnUse",
 		width: 6,
 		height: 6,
 		patternTransform: "rotate(45)",
-		children: [/* @__PURE__ */ _("rect", {
+		children: [/* @__PURE__ */ b("rect", {
 			width: 6,
 			height: 6,
 			fill: `var(--color-${t})`,
 			fillOpacity: .25
-		}), /* @__PURE__ */ _("line", {
+		}), /* @__PURE__ */ b("line", {
 			x1: 0,
 			y1: 0,
 			x2: 0,
@@ -162,40 +161,142 @@ function ye({ id: e, dataKeys: t, shapes: n, horizontal: r }) {
 		})]
 	})] }, t)) });
 }
-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}`);
+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}`);
 	});
 }
-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) => ({
+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, {
+		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", {
+			className: "flex items-baseline justify-between gap-2 text-sm leading-none",
+			children: [/* @__PURE__ */ b(T.Label, {
+				className: "truncate font-semibold",
+				children: u
+			}), /* @__PURE__ */ x("span", {
+				className: "shrink-0 tabular-nums",
+				children: [/* @__PURE__ */ b("span", {
+					className: "font-semibold text-[var(--ui-text-on-surface-link-idle)]",
+					children: s(d)
+				}), /* @__PURE__ */ x("span", {
+					className: "text-muted-foreground",
+					children: [
+						" ",
+						m,
+						"%"
+					]
+				})]
+			})]
+		}), /* @__PURE__ */ x(T.Track, {
+			className: "relative h-2 w-full overflow-hidden rounded-full bg-[var(--ui-background-status-neutral-pressed)]",
+			children: [h && /* @__PURE__ */ b("div", {
+				"data-forecast": !0,
+				className: "absolute inset-y-0 start-0 rounded-full",
+				style: {
+					backgroundColor: p,
+					opacity: .3,
+					width: `${f / o * 100}%`
+				}
+			}), /* @__PURE__ */ b(T.Indicator, {
+				className: "relative rounded-full",
+				style: { backgroundColor: p }
+			})]
+		})]
+	});
+	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__ */ x(y, { children: [
+			/* @__PURE__ */ b("span", {
+				className: "size-2.5 shrink-0 rounded-full",
+				style: { backgroundColor: p }
+			}),
+			/* @__PURE__ */ b("span", {
+				className: "font-semibold",
+				children: u
+			}),
+			/* @__PURE__ */ x("span", {
+				className: "text-muted-foreground",
+				children: [
+					s(d),
+					" of ",
+					s(o),
+					" · ",
+					m,
+					"%"
+				]
+			})
+		] })
+	})] }) : 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(() => {
+		if (!r) return null;
+		let e = Object.fromEntries(t.map((e, t) => [`item${t}`, {
+			label: e.label,
+			...e.tone ? { tone: e.tone } : {}
+		}])), n = u(e, r);
+		return t.map((e, t) => e.color ?? n[`item${t}`]?.color ?? "");
+	}, [t, r]);
+	return /* @__PURE__ */ b("div", {
+		ref: l,
+		"data-orientation": "horizontal",
+		className: e("flex flex-col gap-4", s),
+		...c,
+		children: t.map((e, t) => /* @__PURE__ */ b(F, {
+			item: e,
+			resolvedColor: f ? f[t] ?? "" : e.color ?? "",
+			max: d,
+			valueFormatter: i,
+			showTooltip: a,
+			tooltip: o
+		}, `${t}-${e.label}`))
+	});
+});
+I.displayName = "HorizontalBarLayout";
+var L = v.forwardRef((t, n) => {
+	let r = v.useId().replace(/:/g, "");
+	if (t.orientation === "horizontal") {
+		let { orientation: e, ...r } = t;
+		return /* @__PURE__ */ b(I, {
+			...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({
+		animate: Ve,
+		animationDuration: He,
+		animationBegin: Ue,
+		animationEasing: We
+	}), G = F === "stacked", K = m({
+		labelPosition: Ke,
+		isStacked: G,
+		growingEnd: "top"
+	}), Qe = oe(T), q = (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;
+		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;
 		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) => {
+	})), 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) => {
 		let n = {};
 		return Y.forEach((r, i) => {
 			let a = J.get(i);
@@ -203,206 +304,168 @@ var A = h.forwardRef(({ className: t, config: i, palette: o, data: b, dataKeys:
 			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));
+			typeof c == "number" && typeof l == "number" && (n[`${E}${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, {
+	}) : 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, {
 			...r,
-			className: e("fill-muted-foreground", Qe.has(t.value) && "fill-primary italic"),
+			className: e("fill-muted-foreground", Z.has(t.value) && "fill-primary italic"),
 			fontSize: 12,
-			children: a
+			children: i
 		});
-	} : 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]);
+	} : void 0, et = De ? {
+		...V?.fill === void 0 ? {} : { fill: V.fill },
+		fillOpacity: V?.opacity ?? .85
+	} : !1, Q = `bar-${r}`, tt = /* @__PURE__ */ new Set([R]);
 	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,
+	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,
 		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,
+	], $ = (e, t) => e === "pill" ? 9999 : L > 0 && t ? ct : void 0, lt = /* @__PURE__ */ b(k, {
+		content: Be,
+		dataKeys: C
+	}), ut = /* @__PURE__ */ b(A, { dataKeys: C }), dt = () => /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(me, {
+		dataKey: w,
 		type: "category",
-		hide: !z,
+		hide: !je,
 		tickLine: !1,
 		axisLine: !1,
 		tick: $e,
-		tickFormatter: V,
-		width: A ? 96 : 80,
+		tickFormatter: H,
+		angle: U,
+		interval: Pe,
+		textAnchor: te(U),
+		height: st,
 		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, {
+	}), /* @__PURE__ */ b(he, {
 		type: "number",
-		hide: !z,
+		hide: !Me,
 		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({
+		unit: N,
+		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({
 			rangeBackground: r?.settings.background === !0,
 			inRange: i,
-			trackFill: I,
+			trackFill: B,
 			activeBarOption: et
-		}), c = r && be({
-			data: b,
+		}), c = r && xe({
+			data: u,
 			chartData: X,
-			xKey: T,
+			xKey: w,
 			seriesKey: e,
 			settings: r.settings,
 			range: r.range,
 			headroomKey: a,
-			barShape: P,
+			barShape: R,
 			rounded: n,
-			fillOf: Q,
+			fillOf: rt,
 			radiusFor: $
-		}), l = Ve && /* @__PURE__ */ _(le, {
+		}), l = Ge && /* @__PURE__ */ b(ue, {
 			dataKey: e,
-			position: q,
-			formatter: ie(Ue),
-			className: d(q),
+			position: K,
+			formatter: ae(qe),
+			className: _(K),
 			fontSize: 12
 		});
-		return /* @__PURE__ */ v(h.Fragment, { children: [/* @__PURE__ */ v(y, {
+		return /* @__PURE__ */ x(v.Fragment, { children: [/* @__PURE__ */ x(S, {
 			dataKey: e,
-			fill: Q(e, P),
-			stackId: K ? "a" : a ? e : void 0,
-			radius: $(P, n),
+			fill: rt(e, R),
+			stackId: G ? "a" : a ? e : void 0,
+			radius: $(R, n),
 			minPointSize: nt(e),
-			background: De ? { fill: I } : void 0,
+			background: Ee ? { fill: B } : void 0,
 			shape: o,
 			activeBar: s,
-			...G,
+			...W,
 			children: [c, l]
-		}), a && /* @__PURE__ */ _(y, {
-			dataKey: `${w}${e}`,
+		}), a && /* @__PURE__ */ b(S, {
+			dataKey: `${E}${e}`,
 			stackId: e,
 			fill: `var(--color-${e})`,
 			fillOpacity: .25,
-			radius: $(P, !0),
+			radius: $(R, !0),
 			legendType: "none",
 			tooltipType: "none",
-			...G
+			...W
 		})] }, 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,
+	}), pt = () => q.map(({ area: e, range: t }, n) => {
+		let [r, i] = t;
+		return /* @__PURE__ */ b(de, {
+			x1: u[r]?.[w],
+			x2: u[i]?.[w],
 			fill: "var(--ui-background-surface-secondary)",
 			fillOpacity: .6,
 			ifOverflow: "extendDomain",
-			shape: _e({
-				divider: e.divider,
-				vertical: j !== "horizontal"
-			}),
-			label: ve(e.label)
+			shape: ve(e.divider),
+			label: ye(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"))
+	}), mt = () => Qe.map((e, t) => {
+		let n = g(e, u, C);
+		return n === void 0 ? null : /* @__PURE__ */ b(fe, {
+			y: n,
+			...ee(e.label, e.labelPosition ?? "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,
+	return /* @__PURE__ */ b("div", {
+		ref: n,
+		"data-orientation": P,
+		"data-layout": F,
+		className: e(ge({
+			orientation: P,
+			layout: F
+		}), i),
+		...Ze,
+		children: /* @__PURE__ */ b(a, {
+			config: s,
+			palette: l,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ v(oe, {
+			children: /* @__PURE__ */ x(se, {
 				data: X,
-				layout: Ye,
-				barSize: Ce,
-				maxBarSize: we,
-				barGap: Te,
-				barCategoryGap: Ee,
+				layout: "horizontal",
+				barSize: Se,
+				maxBarSize: Ce,
+				barGap: we,
+				barCategoryGap: Te,
 				children: [
-					/* @__PURE__ */ _(ye, {
-						id: Z,
-						dataKeys: x,
-						shapes: tt,
-						horizontal: j === "horizontal"
+					/* @__PURE__ */ b(be, {
+						id: Q,
+						dataKeys: C,
+						shapes: tt
 					}),
-					ke && /* @__PURE__ */ _(ce, {
-						horizontal: Pe ?? j === "vertical",
-						vertical: Fe ?? j === "horizontal",
-						strokeDasharray: Ne ? "3 3" : void 0
+					Oe && /* @__PURE__ */ b(le, {
+						horizontal: Re ?? !0,
+						vertical: ze ?? !1,
+						strokeDasharray: Le ? "3 3" : void 0
 					}),
-					ut(),
-					Ae && /* @__PURE__ */ _(a, { content: ct }),
-					je && /* @__PURE__ */ _(r, { content: lt }),
 					dt(),
+					ke && /* @__PURE__ */ b(c, { content: lt }),
+					Ae && /* @__PURE__ */ b(o, { content: ut }),
 					ft(),
 					pt(),
-					We && /* @__PURE__ */ _(se, {
-						dataKey: T,
-						tickFormatter: j === "horizontal" ? V : B,
-						...l({
-							brushHeight: Ge,
-							brushAriaLabel: Ke
+					mt(),
+					Je && /* @__PURE__ */ b(ce, {
+						dataKey: w,
+						tickFormatter: H,
+						...p({
+							brushHeight: Ye,
+							brushAriaLabel: Xe
 						})
 					})
 				]
@@ -410,8 +473,8 @@ var A = h.forwardRef(({ className: t, config: i, palette: o, data: b, dataKeys:
 		})
 	});
 });
-A.displayName = "BarChart";
+L.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 };
+export { L as BarChart, A as NormalizedLegendContent, k as NormalizedTooltipContent, ge as barChartVariants, M as createTrackShape, D as dropHeadroomSeries, O as withSeriesColor };
 
 //# sourceMappingURL=bar-chart.js.map