@gravitee/graphene-charts 2.49.0 → 2.50.0-renovate-react.45a19df

package/dist/{primitives-Bg3s-Qxq.js → primitives-CBHhjCs9.js}

@@ -143,14 +143,14 @@ function ee() {
 //#endregion
 //#region src/primitives/CartesianContext.tsx
 var j = a.createContext(null);
-function M() {
+function te() {
 	let e = a.useContext(j);
 	if (!e) throw Error("useCartesianContext must be used within a <CartesianChart>");
 	return e;
 }
 //#endregion
 //#region src/primitives/Grid.tsx
-function te({ scale: e, length: t, orientation: n, tickCount: r = 5 }) {
+function M({ scale: e, length: t, orientation: n, tickCount: r = 5 }) {
 	let i = a.useContext(j), s = e ?? i?.valueScale, c = i?.layout === "vertical", l = n ?? (c ? "horizontal" : "vertical"), u = t ?? (l === "horizontal" ? i?.innerWidth : i?.innerHeight) ?? 0;
 	if (!s) return null;
 	let d = s.ticks(r), f = l === "horizontal";
@@ -177,8 +177,8 @@ function te({ scale: e, length: t, orientation: n, tickCount: r = 5 }) {
 }
 //#endregion
 //#region src/primitives/ReferenceLine.tsx
-var N = 6, P = 20, F = 6.2, I = 12, ne = "\n@keyframes graphene-refline-fadein {\n  from { opacity: 0; }\n  to   { opacity: var(--_refline-opacity); }\n}\n@keyframes graphene-refline-pulse {\n  0%, 100% { stroke-opacity: 0.7; }\n  50%      { stroke-opacity: 0.3; }\n}\n[data-graphene-refline] {\n  animation: graphene-refline-fadein 300ms ease-out forwards;\n}\n[data-graphene-refline-pulse] {\n  animation: graphene-refline-pulse 2s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-refline] {\n    animation: none;\n    opacity: var(--_refline-opacity);\n  }\n  [data-graphene-refline-pulse] {\n    animation: none;\n  }\n}\n";
-function L({ x: e, y: t, axisId: n, stroke: r = "currentColor", strokeDasharray: i, strokeWidth: c = 1.5, label: l, labelPosition: u = "end", pulse: d = !1 }) {
+var N = 6, P = 20, F = 6.2, I = 12, L = "\n@keyframes graphene-refline-fadein {\n  from { opacity: 0; }\n  to   { opacity: var(--_refline-opacity); }\n}\n@keyframes graphene-refline-pulse {\n  0%, 100% { stroke-opacity: 0.7; }\n  50%      { stroke-opacity: 0.3; }\n}\n[data-graphene-refline] {\n  animation: graphene-refline-fadein 300ms ease-out forwards;\n}\n[data-graphene-refline-pulse] {\n  animation: graphene-refline-pulse 2s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-refline] {\n    animation: none;\n    opacity: var(--_refline-opacity);\n  }\n  [data-graphene-refline-pulse] {\n    animation: none;\n  }\n}\n";
+function R({ x: e, y: t, axisId: n, stroke: r = "currentColor", strokeDasharray: i, strokeWidth: c = 1.5, label: l, labelPosition: u = "end", pulse: d = !1 }) {
 	let f = a.useContext(j);
 	if (!f) return null;
 	let { categoryScale: p, resolveValueScale: m, innerWidth: h, innerHeight: g, layout: _ } = f, v = m(n), y = _ === "vertical", b = e !== void 0, x = t !== void 0;
@@ -197,7 +197,7 @@ function L({ x: e, y: t, axisId: n, stroke: r = "currentColor", strokeDasharray:
 	}
 	let E = w && S >= 0 && S <= h, D = T && C >= 0 && C <= g;
 	if (!E && !D) return null;
-	let O = d ? .7 : .8, k = l ? re(u, {
+	let O = d ? .7 : .8, k = l ? z(u, {
 		xPos: S,
 		yPos: C,
 		xInBounds: E,
@@ -215,7 +215,7 @@ function L({ x: e, y: t, axisId: n, stroke: r = "currentColor", strokeDasharray:
 		children: [
 			/* @__PURE__ */ o("style", {
 				precedence: "graphene-charts",
-				children: ne
+				children: L
 			}),
 			E && /* @__PURE__ */ o("line", {
 				x1: S,
@@ -260,11 +260,11 @@ function L({ x: e, y: t, axisId: n, stroke: r = "currentColor", strokeDasharray:
 		]
 	});
 }
-function R(e) {
+function ne(e) {
 	return e * F + I;
 }
-function re(e, t) {
-	let { xPos: n, yPos: r, xInBounds: i, yInBounds: a, hasX: o, hasY: s, innerWidth: c, innerHeight: l, labelLength: u } = t, d = R(u);
+function z(e, t) {
+	let { xPos: n, yPos: r, xInBounds: i, yInBounds: a, hasX: o, hasY: s, innerWidth: c, innerHeight: l, labelLength: u } = t, d = ne(u);
 	if (o && s && i && a) {
 		let e = n + N + d > c, t = r + N + P > l;
 		return {
@@ -276,49 +276,49 @@ function re(e, t) {
 	if (s && a) {
 		let t = r - N - P < 0;
 		return {
-			x: z(e, c, d),
+			x: re(e, c, d),
 			y: t ? r + N : r - N - P,
 			width: d
 		};
 	}
 	return o && i ? {
 		x: n + N + d > c ? n - N - d : n + N,
-		y: ie(e, l),
+		y: B(e, l),
 		width: d
 	} : null;
 }
-function ie(e, t) {
+function B(e, t) {
 	return e === "start" ? N : e === "center" ? t / 2 - P / 2 : t - P - N;
 }
-function z(e, t, n) {
+function re(e, t, n) {
 	return e === "start" ? N : e === "center" ? t / 2 - n / 2 : t - n - N;
 }
 //#endregion
 //#region src/primitives/Axis.tsx
-var B = 7, ae = 16, V = 8, H = "…";
-function U(e, t, n) {
+var V = 7, H = 16, U = 8, W = "…";
+function ie(e, t, n) {
 	let r = e.length;
 	if (r <= 1) return new Set(Array.from({ length: r }, (e, t) => t));
-	let i = n ? Math.max(...e.map((e) => e.length * B)) : ae, a = Math.max(1, Math.floor(t / (i + V)));
+	let i = n ? Math.max(...e.map((e) => e.length * V)) : H, a = Math.max(1, Math.floor(t / (i + U)));
 	if (a >= r) return new Set(Array.from({ length: r }, (e, t) => t));
 	let o = Math.ceil(r / a), s = /* @__PURE__ */ new Set();
 	for (let e = 0; e < r; e += o) s.add(e);
 	let c = r - 1;
 	return c - Math.floor((c - 1) / o) * o >= o && s.add(c), s;
 }
-function oe(e, t) {
-	let n = Math.floor(t / B);
-	return n <= 1 ? H : e.length <= n ? e : e.slice(0, n - 1) + H;
+function G(e, t) {
+	let n = Math.floor(t / V);
+	return n <= 1 ? W : e.length <= n ? e : e.slice(0, n - 1) + W;
 }
-function W(e, t, n, r) {
+function K(e, t, n, r) {
 	if (t) return Math.max(1, Math.floor(e / 24));
-	let i = Math.max(...n.map((e) => r(e).length)) * B;
-	return Math.max(1, Math.floor(e / (i + V)));
+	let i = Math.max(...n.map((e) => r(e).length)) * V;
+	return Math.max(1, Math.floor(e / (i + U)));
 }
-function G({ scale: e, orientation: t, length: n }) {
+function ae({ scale: e, orientation: t, length: n }) {
 	let r = a.useContext(j), i = e ?? r?.categoryScale, s = r?.layout !== "horizontal", c = t ?? (s ? "bottom" : "left"), l = n ?? (c === "bottom" ? r?.innerHeight : 0) ?? 0, u = r?.categoryTickFormatter ?? ((e) => e);
 	if (!i) return null;
-	let d = i.domain(), f = d.map(u), p = U(f, c === "bottom" ? r?.innerWidth ?? 0 : r?.innerHeight ?? 0, c === "bottom");
+	let d = i.domain(), f = d.map(u), p = ie(f, c === "bottom" ? r?.innerWidth ?? 0 : r?.innerHeight ?? 0, c === "bottom");
 	if (c === "bottom") return /* @__PURE__ */ o("g", {
 		transform: `translate(0,${l})`,
 		"aria-hidden": "true",
@@ -330,7 +330,7 @@ function G({ scale: e, orientation: t, length: n }) {
 			children: f[t]
 		}, e) : null)
 	});
-	let m = r?.marginLeft ?? 40, h = Math.max(0, m - V);
+	let m = r?.marginLeft ?? 40, h = Math.max(0, m - U);
 	return /* @__PURE__ */ o("g", {
 		"aria-hidden": "true",
 		children: d.map((e, t) => p.has(t) ? /* @__PURE__ */ o("text", {
@@ -339,14 +339,14 @@ function G({ scale: e, orientation: t, length: n }) {
 			textAnchor: "end",
 			dominantBaseline: "middle",
 			className: "fill-muted-foreground text-xs",
-			children: oe(f[t], h)
+			children: G(f[t], h)
 		}, e) : null)
 	});
 }
-function K({ scale: e, orientation: t, axisId: n, unit: r, length: i, tickCount: s = 5, tickFormatter: c }) {
+function q({ scale: e, orientation: t, axisId: n, unit: r, length: i, tickCount: s = 5, tickFormatter: c }) {
 	let l = a.useContext(j), u = n && l?.resolveValueScale ? l.resolveValueScale(n) : l?.valueScale, d = e ?? u, f = l?.layout !== "horizontal", p = t ?? (f ? "left" : "bottom"), m = i ?? (p === "bottom" ? l?.innerHeight : 0) ?? 0, h = c ?? l?.valueTickFormatter ?? String, g = r ?? l?.axisUnits?.[n ?? "left"];
 	if (!d) return null;
-	let _ = d.ticks(s), v = p === "left" || p === "right", y = W(v ? l?.innerHeight ?? 0 : l?.innerWidth ?? 0, v, _, h), b = y >= _.length ? _ : d.ticks(y), x = b.length > 0 ? Math.max(...b) : void 0, S = (e) => {
+	let _ = d.ticks(s), v = p === "left" || p === "right", y = K(v ? l?.innerHeight ?? 0 : l?.innerWidth ?? 0, v, _, h), b = y >= _.length ? _ : d.ticks(y), x = b.length > 0 ? Math.max(...b) : void 0, S = (e) => {
 		let t = h(e);
 		return g && e === x ? `${t} ${g}` : t;
 	};
@@ -366,7 +366,7 @@ function K({ scale: e, orientation: t, axisId: n, unit: r, length: i, tickCount:
 		return /* @__PURE__ */ o("g", {
 			"aria-hidden": "true",
 			children: b.map((t) => /* @__PURE__ */ o("text", {
-				x: e + V,
+				x: e + U,
 				y: d(t),
 				textAnchor: "start",
 				dominantBaseline: "middle",
@@ -388,7 +388,7 @@ function K({ scale: e, orientation: t, axisId: n, unit: r, length: i, tickCount:
 }
 //#endregion
 //#region src/primitives/roundedRect.ts
-function q(e, t, n, r, i) {
+function J(e, t, n, r, i) {
 	let a = Math.min(i.tl, n / 2, r / 2), o = Math.min(i.tr, n / 2, r / 2), s = Math.min(i.br, n / 2, r / 2), c = Math.min(i.bl, n / 2, r / 2);
 	return [
 		`M${e + a},${t}`,
@@ -405,30 +405,30 @@ function q(e, t, n, r, i) {
 }
 //#endregion
 //#region src/primitives/ChartSlots.tsx
-var J = a.createContext(null);
-function se() {
-	return a.useContext(J) || {
+var Y = a.createContext(null);
+function oe() {
+	return a.useContext(Y) || {
 		tooltip: null,
 		legend: null,
 		setTooltip: () => void 0,
 		setLegend: () => void 0
 	};
 }
-function Y({ children: e }) {
+function X({ children: e }) {
 	let [t, n] = a.useState(null), [r, i] = a.useState(null), s = a.useMemo(() => ({
 		tooltip: t,
 		legend: r,
 		setTooltip: n,
 		setLegend: i
 	}), [t, r]);
-	return /* @__PURE__ */ o(J.Provider, {
+	return /* @__PURE__ */ o(Y.Provider, {
 		value: s,
 		children: e
 	});
 }
 //#endregion
 //#region src/primitives/useResolvedCssLength.tsx
-function ce(e, t) {
+function se(e, t) {
 	let n = a.useRef(null), [r, i] = a.useState(t), s = a.useCallback(() => {
 		let e = n.current;
 		if (!e) return;
@@ -453,12 +453,12 @@ function ce(e, t) {
 }
 //#endregion
 //#region src/lib/resolveChartState.ts
-function X(e, t) {
+function ce(e, t) {
 	return e ?? (t === 0 ? "empty" : "ready");
 }
 //#endregion
 //#region src/primitives/BarChartSkeleton.tsx
-var Z = [
+var le = [
 	{
 		x: 55,
 		height: 120
@@ -484,7 +484,7 @@ var Z = [
 		height: 85
 	}
 ];
-function Q({ ariaLabel: t = "Loading chart", className: n, ...r }) {
+function Z({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 	return /* @__PURE__ */ o("div", {
 		role: "img",
 		"aria-label": t,
@@ -493,7 +493,7 @@ function Q({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 		...r,
 		children: /* @__PURE__ */ o("div", {
 			className: "flex min-h-0 flex-1 items-end gap-2 px-8 py-4",
-			children: Z.map((e) => /* @__PURE__ */ o("div", {
+			children: le.map((e) => /* @__PURE__ */ o("div", {
 				className: "flex-1 animate-pulse rounded-t-sm bg-muted",
 				style: { height: `${e.height / 200 * 100}%` }
 			}, e.x))
@@ -502,7 +502,7 @@ function Q({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 }
 //#endregion
 //#region src/primitives/LineChartSkeleton.tsx
-function $({ ariaLabel: t = "Loading chart", className: n, ...r }) {
+function Q({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 	return /* @__PURE__ */ o("div", {
 		role: "img",
 		"aria-label": t,
@@ -535,17 +535,17 @@ function $({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 }
 //#endregion
 //#region src/primitives/CartesianChartSkeleton.tsx
-function le({ ariaLabel: t = "Loading chart", className: n, ...r }) {
+function $({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 	return /* @__PURE__ */ s("div", {
 		role: "img",
 		"aria-label": t,
 		"aria-busy": "true",
 		className: e("relative flex h-full w-full overflow-hidden", n),
 		...r,
-		children: [/* @__PURE__ */ o(Q, {
+		children: [/* @__PURE__ */ o(Z, {
 			"aria-hidden": "true",
 			className: "absolute inset-0"
-		}), /* @__PURE__ */ o($, {
+		}), /* @__PURE__ */ o(Q, {
 			"aria-hidden": "true",
 			className: "absolute inset-0"
 		})]
@@ -645,36 +645,37 @@ function pe(e) {
 	};
 	return n(e), t;
 }
-function me({ state: e, className: t, data: n, margin: r, categoryPadding: i, categoryScaleType: a, layout: s, animated: c, ariaLabel: l, valueTickFormatter: u, categoryTickFormatter: d, onPointHover: f, onPointLeave: p, children: m, ...h }) {
-	let g = X(e, n.length);
-	return g === "loading" ? /* @__PURE__ */ o(le, {
-		ariaLabel: l,
+function me({ state: e, className: t, data: n, margin: r, categoryPadding: i, categoryScaleType: a, layout: s, colorMode: c, animated: l, ariaLabel: u, valueTickFormatter: d, categoryTickFormatter: f, onPointHover: p, onPointLeave: m, children: h, ...g }) {
+	let _ = ce(e, n.length);
+	return _ === "loading" ? /* @__PURE__ */ o($, {
+		ariaLabel: u,
 		className: t,
-		...h
-	}) : g === "empty" ? /* @__PURE__ */ o(ue, {
-		ariaLabel: l ?? "No data",
+		...g
+	}) : _ === "empty" ? /* @__PURE__ */ o(ue, {
+		ariaLabel: u ?? "No data",
 		className: t,
-		...h
-	}) : /* @__PURE__ */ o(Y, { children: /* @__PURE__ */ o(he, {
+		...g
+	}) : /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(he, {
 		data: n,
 		margin: r,
 		categoryPadding: i,
 		categoryScaleType: a,
 		layout: s,
-		animated: c,
-		ariaLabel: l,
-		valueTickFormatter: u,
-		categoryTickFormatter: d,
-		onPointHover: f,
-		onPointLeave: p,
+		colorMode: c,
+		animated: l,
+		ariaLabel: u,
+		valueTickFormatter: d,
+		categoryTickFormatter: f,
+		onPointHover: p,
+		onPointLeave: m,
 		className: t,
-		...h,
-		children: m
+		...g,
+		children: h
 	}) });
 }
-function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i = "band", layout: m = "vertical", animated: h = !0, ariaLabel: _, valueTickFormatter: y = g, categoryTickFormatter: b = String, onPointHover: x, onPointLeave: C, className: w, children: T, ...E }) {
-	let { config: O, id: k } = S(), { tooltip: A, legend: M } = se(), te = a.useMemo(() => pe(T), [T]), N = a.useMemo(() => {
-		let e = fe(T), n = {};
+function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i = "band", layout: m = "vertical", colorMode: h = "series", animated: _ = !0, ariaLabel: y, valueTickFormatter: x = g, categoryTickFormatter: C = String, onPointHover: w, onPointLeave: T, className: E, children: O, ...k }) {
+	let { config: A, id: te } = S(), { tooltip: M, legend: N } = oe(), P = a.useMemo(() => pe(O), [O]), F = a.useMemo(() => {
+		let e = fe(O), n = {};
 		for (let r of ["left", "right"]) {
 			let i = e.filter((e) => (e.axisId ?? "left") === r).map((e) => e.dataKey);
 			if (i.length === 0) continue;
@@ -685,9 +686,9 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 				let r = Number(n);
 				Number.isFinite(r) && Math.abs(r) > a && (a = Math.abs(r));
 			}
-			let o = y(Math.ceil(a * 1.1)), s = "";
+			let o = x(Math.ceil(a * 1.1)), s = "";
 			for (let t of e) if ((t.axisId ?? "left") === r) {
-				let e = O[t.dataKey]?.unit;
+				let e = A[t.dataKey]?.unit;
 				if (e) {
 					s = e;
 					break;
@@ -697,18 +698,18 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 		}
 		return n;
 	}, [
-		T,
-		t,
 		O,
-		y
-	]), P = {
+		t,
+		A,
+		x
+	]), I = {
 		...v,
 		...n
 	};
-	N.left !== void 0 && n?.left === void 0 && (P.left = Math.max(P.left, N.left)), te && n?.right === void 0 && (P.right = Math.max(P.right, N.right ?? 40));
-	let F = m === "vertical", I = a.useRef(null), ne = a.useRef(null), L = D(ne), R = ee(), [re, ie] = a.useState(null), [z, B] = a.useState(null), ae = a.useCallback((e) => B(e), []), V = a.useCallback(() => B(null), []), H = Math.max(0, L.width - P.left - P.right), U = Math.max(0, L.height - P.top - P.bottom), oe = P.left, W = a.useMemo(() => t.map((e) => e.category), [t]), G = a.useMemo(() => fe(T), [T]), K = a.useMemo(() => G.map((e) => e.dataKey), [G]), q = a.useMemo(() => {
+	F.left !== void 0 && n?.left === void 0 && (I.left = Math.max(I.left, F.left)), P && n?.right === void 0 && (I.right = Math.max(I.right, F.right ?? 40));
+	let L = m === "vertical", R = a.useRef(null), ne = a.useRef(null), z = D(ne), B = ee(), [re, V] = a.useState(null), [H, U] = a.useState(null), W = a.useCallback((e) => U(e), []), ie = a.useCallback(() => U(null), []), G = Math.max(0, z.width - I.left - I.right), K = Math.max(0, z.height - I.top - I.bottom), ae = I.left, q = a.useMemo(() => t.map((e) => e.category), [t]), J = a.useMemo(() => fe(O), [O]), Y = a.useMemo(() => J.map((e) => e.dataKey), [J]), X = a.useMemo(() => {
 		let e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-		for (let e of G) {
+		for (let e of J) {
 			if (!e.stackId) continue;
 			let t = n.get(e.stackId) ?? [];
 			t.push(e.dataKey), n.set(e.stackId, t);
@@ -723,20 +724,20 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 			e.set(r, n(t));
 		}
 		return e;
-	}, [t, G]), J = a.useMemo(() => G.filter((e) => e.seriesType === "BarSeries" && !e.stackId).map((e) => e.dataKey), [G]), Y = a.useMemo(() => {
+	}, [t, J]), se = a.useMemo(() => J.filter((e) => e.seriesType === "BarSeries" && !e.stackId).map((e) => e.dataKey), [J]), ce = a.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of G) {
+		for (let t of J) {
 			let n = t.axisId ?? "left", r = e.get(n) ?? [];
 			r.push(t.dataKey), e.set(n, r);
 		}
 		return e;
-	}, [G]), ce = a.useMemo(() => {
+	}, [J]), le = a.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let [n, r] of Y) {
-			let i = new Set(r), a = G.some((e) => e.stackId && i.has(e.dataKey)), o = r.filter((e) => !G.find((t) => t.dataKey === e && t.stackId));
+		for (let [n, r] of ce) {
+			let i = new Set(r), a = J.some((e) => e.stackId && i.has(e.dataKey)), o = r.filter((e) => !J.find((t) => t.dataKey === e && t.stackId));
 			if (a) {
 				let r = -Infinity;
-				for (let e of q.values()) if (e.some((e) => i.has(e.key))) for (let t of e) for (let e of t) e[1] > r && (r = e[1]);
+				for (let e of X.values()) if (e.some((e) => i.has(e.key))) for (let t of e) for (let e of t) e[1] > r && (r = e[1]);
 				for (let e of t) for (let t of o) {
 					let n = e[t];
 					if (n == null) continue;
@@ -757,76 +758,93 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 		}
 		return e;
 	}, [
-		Y,
+		ce,
 		t,
+		X,
+		J
+	]), Z = a.useMemo(() => i === "point" ? Object.assign(u().domain(q).range([0, L ? G : K]).padding(0), { bandwidth: () => 0 }) : c().domain(q).range([0, L ? G : K]).padding(r), [
 		q,
-		G
-	]), X = a.useMemo(() => i === "point" ? Object.assign(u().domain(W).range([0, F ? H : U]).padding(0), { bandwidth: () => 0 }) : c().domain(W).range([0, F ? H : U]).padding(r), [
-		W,
 		i,
 		r,
-		F,
-		H,
-		U
-	]), Z = a.useMemo(() => {
+		L,
+		G,
+		K
+	]), Q = a.useMemo(() => {
 		let e = {};
-		for (let [t, [n, r]] of ce) e[t] = l().domain([Math.min(0, n), r * 1.1 || 1]).nice().range(F ? [U, 0] : [0, H]);
-		return e.left ||= l().domain([0, 1]).nice().range(F ? [U, 0] : [0, H]), e;
+		for (let [t, [n, r]] of le) e[t] = l().domain([Math.min(0, n), r * 1.1 || 1]).nice().range(L ? [K, 0] : [0, G]);
+		return e.left ||= l().domain([0, 1]).nice().range(L ? [K, 0] : [0, G]), e;
 	}, [
-		ce,
-		F,
-		U,
-		H
-	]), Q = Z.left, $ = a.useCallback((e) => e ? Z[e] ?? Q : Q, [Q, Z]), le = a.useMemo(() => {
+		le,
+		L,
+		K,
+		G
+	]), $ = Q.left, ue = a.useCallback((e) => e ? Q[e] ?? $ : $, [$, Q]), me = a.useMemo(() => {
 		let e = {};
-		for (let t of G) {
+		for (let t of J) {
 			let n = t.axisId ?? "left";
 			if (e[n]) continue;
-			let r = O[t.dataKey]?.unit;
+			let r = A[t.dataKey]?.unit;
 			r && (e[n] = r);
 		}
 		return e;
-	}, [G, O]), ue = a.useMemo(() => J.length <= 1 ? null : c().domain(J).range([0, X.bandwidth()]).padding(.05), [J, X]), me = K.map((e) => ({
+	}, [J, A]), he = a.useMemo(() => se.length <= 1 ? null : c().domain(se).range([0, Z.bandwidth()]).padding(.05), [se, Z]), ge = h === "category" ? q.map((e) => ({
+		dataKey: e,
+		value: e
+	})) : Y.map((e) => ({
 		dataKey: e,
 		value: e
 	}));
-	function he(e) {
-		return K.filter((t) => e[t] !== null && e[t] !== void 0).map((t) => ({
+	function _e(e) {
+		if (h === "category") {
+			let t = Y[0], n = t === void 0 ? 0 : Number(e[t]) || 0;
+			return [{
+				dataKey: e.category,
+				name: e.category,
+				value: n,
+				color: `var(--color-${b(e.category)})`
+			}];
+		}
+		return Y.filter((t) => e[t] !== null && e[t] !== void 0).map((t) => ({
 			dataKey: t,
 			name: t,
 			value: Number(e[t]) || 0
 		}));
 	}
-	function ge(e) {
-		let n = I.current?.getBoundingClientRect();
+	function ve(e) {
+		let n = R.current?.getBoundingClientRect();
 		if (!n) return;
-		let r = F ? e.clientX - n.left - P.left : e.clientY - n.top - P.top, i = 0, a = Infinity;
-		for (let e = 0; e < W.length; e++) {
-			let t = (X(W[e]) ?? 0) + X.bandwidth() / 2, n = Math.abs(r - t);
+		let r = L ? e.clientX - n.left - I.left : e.clientY - n.top - I.top, i = 0, a = Infinity;
+		for (let e = 0; e < q.length; e++) {
+			let t = (Z(q[e]) ?? 0) + Z.bandwidth() / 2, n = Math.abs(r - t);
 			n < a && (a = n, i = e);
 		}
 		let o = t[i];
 		if (!o) return;
-		ie(o.category);
-		let s = he(o), c = (X(o.category) ?? 0) + X.bandwidth() / 2, l = F ? {
-			clientX: n.left + P.left + c,
+		V(o.category);
+		let s = _e(o), c = (Z(o.category) ?? 0) + Z.bandwidth() / 2, l = L ? {
+			clientX: n.left + I.left + c,
 			clientY: e.clientY
 		} : {
 			clientX: e.clientX,
-			clientY: n.top + P.top + c
+			clientY: n.top + I.top + c
 		};
-		A && R.show(s, o.category, l, n), x?.(s, o.category, e);
+		M && B.show(s, o.category, l, n), w?.(s, o.category, e);
 	}
-	function _e() {
-		ie(null), R.hide(), C?.();
+	function ye() {
+		V(null), B.hide(), T?.();
 	}
-	let ve = a.useCallback((e, n) => {
-		if (!A) return;
-		let r = I.current?.getBoundingClientRect();
+	let be = a.useCallback((e, n) => {
+		if (!M) return;
+		let r = R.current?.getBoundingClientRect();
 		if (!r) return;
 		let i = t.find((t) => t.category === e);
 		if (!i) return;
-		let a = K.filter((e) => i[e] !== null && i[e] !== void 0).map((e) => ({
+		let a = h === "category" ? [{
+			dataKey: e,
+			name: e,
+			value: Y[0] === void 0 ? 0 : Number(i[Y[0]]) || 0,
+			color: `var(--color-${b(e)})`
+		}] : Y.filter((e) => i[e] !== null && i[e] !== void 0).map((e) => ({
 			dataKey: e,
 			name: e,
 			value: Number(i[e]) || 0
@@ -834,127 +852,130 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 			clientX: n.left + n.width / 2,
 			clientY: n.top + n.height / 2
 		};
-		R.show(a, e, o, r);
+		B.show(a, e, o, r);
 	}, [
-		A,
+		M,
 		t,
-		K,
-		R
-	]), ye = a.useCallback(() => {
-		R.hide();
-	}, [R]), be = M?.verticalAlign ?? "bottom", xe = _ ?? `Chart with ${t.length} categor${t.length === 1 ? "y" : "ies"} and ${K.length} series`, Se = a.useMemo(() => ({
+		Y,
+		h,
+		B
+	]), xe = a.useCallback(() => {
+		B.hide();
+	}, [B]), Se = N?.verticalAlign ?? "bottom", Ce = y ?? `Chart with ${t.length} categor${t.length === 1 ? "y" : "ies"} and ${Y.length} series`, we = a.useMemo(() => ({
 		data: t,
-		dataKeys: K,
-		categoryScale: X,
-		valueScale: Q,
-		valueScales: Z,
-		resolveValueScale: $,
-		axisUnits: le,
-		innerWidth: H,
-		innerHeight: U,
-		marginLeft: oe,
+		dataKeys: Y,
+		colorMode: h,
+		categoryScale: Z,
+		valueScale: $,
+		valueScales: Q,
+		resolveValueScale: ue,
+		axisUnits: me,
+		innerWidth: G,
+		innerHeight: K,
+		marginLeft: ae,
 		layout: m,
-		animated: h,
+		animated: _,
 		hoveredCategory: re,
-		hoveredLegendKey: z,
-		config: O,
-		stackedLayers: q,
-		barGroupScale: ue,
-		valueTickFormatter: y,
-		categoryTickFormatter: b,
-		chartWrapperRef: I,
-		chartId: k,
-		showTooltipAt: ve,
-		hideTooltip: ye
+		hoveredLegendKey: H,
+		config: A,
+		stackedLayers: X,
+		barGroupScale: he,
+		valueTickFormatter: x,
+		categoryTickFormatter: C,
+		chartWrapperRef: R,
+		chartId: te,
+		showTooltipAt: be,
+		hideTooltip: xe
 	}), [
 		t,
-		K,
-		X,
-		Q,
+		Y,
+		h,
 		Z,
 		$,
-		le,
-		H,
-		U,
-		oe,
+		Q,
+		ue,
+		me,
+		G,
+		K,
+		ae,
 		m,
-		h,
+		_,
 		re,
-		z,
-		O,
-		q,
-		ue,
-		y,
-		b,
-		k,
-		ve,
-		ye
+		H,
+		A,
+		X,
+		he,
+		x,
+		C,
+		te,
+		be,
+		xe
 	]);
 	return /* @__PURE__ */ o(j.Provider, {
-		value: Se,
+		value: we,
 		children: /* @__PURE__ */ s("div", {
-			className: e("flex h-full w-full flex-col", w),
-			...E,
+			className: e("flex h-full w-full flex-col", E),
+			...k,
 			children: [
-				M && be === "top" && a.cloneElement(M.content, {
-					items: me,
+				N && Se === "top" && a.cloneElement(N.content, {
+					items: ge,
 					verticalAlign: "top",
-					onItemHover: ae,
-					onItemLeave: V,
-					hoveredLegendKey: z
+					onItemHover: W,
+					onItemLeave: ie,
+					hoveredLegendKey: H
 				}),
 				/* @__PURE__ */ s("div", {
-					ref: I,
+					ref: R,
 					className: "relative min-h-0 flex-1",
-					onMouseMove: ge,
-					onMouseLeave: _e,
+					onMouseMove: ve,
+					onMouseLeave: ye,
 					children: [
 						/* @__PURE__ */ o("svg", {
 							ref: ne,
 							role: "img",
-							"aria-label": xe,
+							"aria-label": Ce,
 							className: "h-full w-full",
 							overflow: "visible",
-							children: L.width > 0 && L.height > 0 && /* @__PURE__ */ o("g", {
-								transform: `translate(${P.left},${P.top})`,
-								children: T
+							children: z.width > 0 && z.height > 0 && /* @__PURE__ */ o("g", {
+								transform: `translate(${I.left},${I.top})`,
+								children: O
 							})
 						}),
 						/* @__PURE__ */ o("div", {
 							className: "sr-only",
 							children: /* @__PURE__ */ s("table", { children: [
-								/* @__PURE__ */ o("caption", { children: xe }),
+								/* @__PURE__ */ o("caption", { children: Ce }),
 								/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", {
 									scope: "col",
 									children: "Category"
-								}), K.map((e) => /* @__PURE__ */ o("th", {
+								}), Y.map((e) => /* @__PURE__ */ o("th", {
 									scope: "col",
-									children: typeof O[e]?.label == "string" ? O[e]?.label : e
+									children: typeof A[e]?.label == "string" ? A[e]?.label : e
 								}, e))] }) }),
 								/* @__PURE__ */ o("tbody", { children: t.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", {
 									scope: "row",
 									children: e.category
-								}), K.map((t) => /* @__PURE__ */ o("td", { children: e[t] !== null && e[t] !== void 0 ? y(Number(e[t]) || 0) : "—" }, t))] }, e.category)) })
+								}), Y.map((t) => /* @__PURE__ */ o("td", { children: e[t] !== null && e[t] !== void 0 ? x(Number(e[t]) || 0) : "—" }, t))] }, e.category)) })
 							] })
 						}),
-						A && R.state && /* @__PURE__ */ o(de, {
-							state: R.state,
-							containerRef: I,
-							chartId: k,
-							children: a.cloneElement(A.content, {
-								label: R.state.label,
-								items: R.state.items,
+						M && B.state && /* @__PURE__ */ o(de, {
+							state: B.state,
+							containerRef: R,
+							chartId: te,
+							children: a.cloneElement(M.content, {
+								label: B.state.label,
+								items: B.state.items,
 								active: !0
 							})
 						})
 					]
 				}),
-				M && be === "bottom" && a.cloneElement(M.content, {
-					items: me,
+				N && Se === "bottom" && a.cloneElement(N.content, {
+					items: ge,
 					verticalAlign: "bottom",
-					onItemHover: ae,
-					onItemLeave: V,
-					hoveredLegendKey: z
+					onItemHover: W,
+					onItemLeave: ie,
+					hoveredLegendKey: H
 				})
 			]
 		})
@@ -1040,4 +1061,4 @@ function ve({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 	});
 }
 //#endregion
-export { S as C, g as D, v as E, E as S, _ as T, te as _, de as a, D as b, Q as c, Y as d, se as f, L as g, K as h, me as i, X as l, G as m, _e as n, ue as o, q as p, ge as r, $ as s, ve as t, ce as u, M as v, b as w, T as x, ee as y };
+export { S as C, g as D, v as E, E as S, _ as T, M as _, de as a, D as b, Z as c, X as d, oe as f, R as g, q as h, me as i, ce as l, ae as m, _e as n, ue as o, J as p, ge as r, Q as s, ve as t, se as u, te as v, b as w, T as x, ee as y };