@gravitee/graphene-charts 2.24.0 → 2.25.0-fix-type-array.dbf0890

package/dist/base/ChartTooltip/ChartTooltip.d.ts

@@ -32,8 +32,14 @@ export interface ChartTooltipContentProps extends React.ComponentProps<'div'> {
     labelClassName?: string;
     /** Format each item's value. Defaults to `.toLocaleString()` for numbers. */
     valueFormatter?: (value: number | string, item: ChartTooltipItem, index: number) => React.ReactNode;
+    /** Show a footer row with the sum of all numeric item values. */
+    showTotal?: boolean;
+    /** Label for the total row. @default "Total" */
+    totalLabel?: string;
+    /** Format the total value. Defaults to `.toLocaleString()`. */
+    totalFormatter?: (total: number) => React.ReactNode;
 }
-declare function ChartTooltipContent({ label, items, active, hideLabel, hideIndicator, indicator, labelKey, nameKey, labelFormatter, labelClassName, valueFormatter, className, ...props }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartTooltipContent({ label, items, active, hideLabel, hideIndicator, indicator, labelKey, nameKey, labelFormatter, labelClassName, valueFormatter, showTotal, totalLabel, totalFormatter, className, ...props }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 export interface ChartTooltipProps {
     /** The tooltip content element. Receives `label`, `items`, `active` at render time. */
     content: React.ReactElement;

package/dist/base/ChartTooltip/ChartTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/base/ChartTooltip/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC3E,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACrG;AAWD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAU,EACV,MAAa,EACb,SAAiB,EACjB,aAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAsC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,kDA8F1B;AASD,MAAM,WAAW,iBAAiB;IAChC,uFAAuF;IACvF,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;CAC7B;AAED,iBAAS,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,QAYnD;AAED,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/base/ChartTooltip/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC3E,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAEpG,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAeD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAU,EACV,MAAa,EACb,SAAiB,EACjB,aAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAsC,EACtC,SAAiB,EACjB,UAAoB,EACpB,cAAsC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,kDAsG1B;AASD,MAAM,WAAW,iBAAiB;IAChC,uFAAuF;IACvF,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;CAC7B;AAED,iBAAS,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,QAYnD;AAED,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/index.js

@@ -924,68 +924,84 @@ function Be(e) {
 function Ve(e, t, n) {
 	return t && e[t] ? e[t] : e[n];
 }
-function He({ label: t, items: n = [], active: r = !0, hideLabel: i = !1, hideIndicator: a = !1, indicator: o = "dot", labelKey: s, nameKey: c, labelFormatter: l, labelClassName: u, valueFormatter: d = Be, className: f, ...p }) {
-	let { config: m } = z();
+function He(e) {
+	return e.toLocaleString();
+}
+function Ue({ label: t, items: n = [], active: r = !0, hideLabel: i = !1, hideIndicator: a = !1, indicator: o = "dot", labelKey: s, nameKey: c, labelFormatter: l, labelClassName: u, valueFormatter: d = Be, showTotal: f = !1, totalLabel: p = "Total", totalFormatter: m = He, className: h, ...g }) {
+	let { config: _ } = z();
 	if (!r || n.length === 0) return null;
-	let h = n.length === 1 && o !== "dot", g = s ? Ve(m, s, s)?.label ?? t : typeof t == "string" ? m[t]?.label ?? t : t, _ = l ? l(t ?? "", n) : g, v = i || !_ && !l ? null : /* @__PURE__ */ C("div", {
+	let v = n.length === 1 && o !== "dot", y = s ? Ve(_, s, s)?.label ?? t : typeof t == "string" ? _[t]?.label ?? t : t, b = l ? l(t ?? "", n) : y, x = i || !b && !l ? null : /* @__PURE__ */ C("div", {
 		className: e("font-medium", u),
-		children: _
+		children: b
 	});
 	return /* @__PURE__ */ w("div", {
 		"data-slot": "chart-tooltip-content",
-		className: e("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", f),
-		...p,
-		children: [h ? null : v, /* @__PURE__ */ C("div", {
-			className: "grid gap-1.5",
-			children: n.map((t, n) => {
-				let r = Ve(m, `${c ?? t.dataKey ?? t.name ?? "value"}`, t.name), i = t.color ?? `var(--color-${t.dataKey ?? t.name})`;
-				return /* @__PURE__ */ w("div", {
-					className: e("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", o === "dot" && "items-center"),
-					children: [r?.icon ? /* @__PURE__ */ C(r.icon, {}) : !a && /* @__PURE__ */ C("div", {
-						className: e("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-							"h-2.5 w-2.5": o === "dot",
-							"w-1": o === "line",
-							"w-0 border-[1.5px] border-dashed bg-transparent": o === "dashed",
-							"my-0.5": h && o === "dashed"
-						}),
-						style: {
-							"--color-bg": i,
-							"--color-border": i
-						}
-					}), /* @__PURE__ */ w("div", {
-						className: e("flex flex-1 justify-between gap-4 leading-none", h ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ w("div", {
-							className: "grid gap-1.5",
-							children: [h ? v : null, /* @__PURE__ */ C("span", {
-								className: "text-muted-foreground",
-								children: r?.label ?? t.name
+		className: e("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", h),
+		...g,
+		children: [
+			v ? null : x,
+			/* @__PURE__ */ C("div", {
+				className: "grid gap-1.5",
+				children: n.map((t, n) => {
+					let r = Ve(_, `${c ?? t.dataKey ?? t.name ?? "value"}`, t.name), i = t.color ?? `var(--color-${t.dataKey ?? t.name})`;
+					return /* @__PURE__ */ w("div", {
+						className: e("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", o === "dot" && "items-center"),
+						children: [r?.icon ? /* @__PURE__ */ C(r.icon, {}) : !a && /* @__PURE__ */ C("div", {
+							className: e("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+								"h-2.5 w-2.5": o === "dot",
+								"w-1": o === "line",
+								"w-0 border-[1.5px] border-dashed bg-transparent": o === "dashed",
+								"my-0.5": v && o === "dashed"
+							}),
+							style: {
+								"--color-bg": i,
+								"--color-border": i
+							}
+						}), /* @__PURE__ */ w("div", {
+							className: e("flex flex-1 justify-between gap-4 leading-none", v ? "items-end" : "items-center"),
+							children: [/* @__PURE__ */ w("div", {
+								className: "grid gap-1.5",
+								children: [v ? x : null, /* @__PURE__ */ C("span", {
+									className: "text-muted-foreground",
+									children: r?.label ?? t.name
+								})]
+							}), t.value !== void 0 && /* @__PURE__ */ C("span", {
+								className: "font-mono font-medium text-foreground tabular-nums",
+								children: d(t.value, t, n)
 							})]
-						}), t.value !== void 0 && /* @__PURE__ */ C("span", {
-							className: "font-mono font-medium text-foreground tabular-nums",
-							children: d(t.value, t, n)
 						})]
-					})]
-				}, `${t.name}-${n}`);
+					}, `${t.name}-${n}`);
+				})
+			}),
+			f && n.length > 1 && /* @__PURE__ */ w("div", {
+				className: "flex items-center justify-between gap-4 border-t border-border/50 pt-1.5",
+				children: [/* @__PURE__ */ C("span", {
+					className: "font-medium",
+					children: p
+				}), /* @__PURE__ */ C("span", {
+					className: "font-mono font-medium text-foreground tabular-nums",
+					children: m(n.reduce((e, t) => e + (typeof t.value == "number" ? t.value : 0), 0))
+				})]
 			})
-		})]
+		]
 	});
 }
-function Ue({ content: e }) {
+function We({ content: e }) {
 	let { setTooltip: t } = Ee();
 	return m.useLayoutEffect(() => (t({ content: e }), () => t(null)), [e, t]), null;
 }
 //#endregion
 //#region src/base/ChartLegend/ChartLegend.tsx
-var We = {
+var Ge = {
 	start: "justify-start",
 	center: "justify-center",
 	end: "justify-end"
 };
-function Ge({ items: t = [], hideIcon: n = !1, nameKey: r, verticalAlign: i, align: a = "start", className: o, ...s }) {
+function Ke({ items: t = [], hideIcon: n = !1, nameKey: r, verticalAlign: i, align: a = "start", className: o, ...s }) {
 	let { config: c } = z();
 	return t.length === 0 ? null : /* @__PURE__ */ C("div", {
 		"data-slot": "chart-legend-content",
-		className: e("flex items-center gap-4 px-4 py-1", We[a], o),
+		className: e("flex items-center gap-4 px-4 py-1", Ge[a], o),
 		...s,
 		children: t.map((e) => {
 			let t = c[`${r ?? e.dataKey ?? e.value}`], i = e.color ?? `var(--color-${e.dataKey ?? e.value})`;
@@ -1002,7 +1018,7 @@ function Ge({ items: t = [], hideIcon: n = !1, nameKey: r, verticalAlign: i, ali
 		})
 	});
 }
-function Ke({ content: e, verticalAlign: t = "bottom" }) {
+function qe({ content: e, verticalAlign: t = "bottom" }) {
 	let { setLegend: n } = Ee();
 	return m.useLayoutEffect(() => (n({
 		content: e,
@@ -1015,12 +1031,12 @@ function Ke({ content: e, verticalAlign: t = "bottom" }) {
 }
 //#endregion
 //#region src/series/curves.ts
-var qe = {
+var Je = {
 	monotone: j,
 	linear: A,
 	step: M
-}, Je = "\n@keyframes graphene-line-draw {\n  from { stroke-dashoffset: var(--path-length); }\n  to { stroke-dashoffset: 0; }\n}\n[data-graphene-chart-line][data-animated='true'] {\n  animation: graphene-line-draw 800ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-line][data-animated='true'] {\n    animation: none;\n    stroke-dashoffset: 0;\n  }\n}\n[data-graphene-chart-dot]:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n";
-function Ye({ dataKey: e, curveType: t = "monotone", showDots: n = !1, connectNulls: r = !1 }) {
+}, Ye = "\n@keyframes graphene-line-draw {\n  from { stroke-dashoffset: var(--path-length); }\n  to { stroke-dashoffset: 0; }\n}\n[data-graphene-chart-line][data-animated='true'] {\n  animation: graphene-line-draw 800ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-line][data-animated='true'] {\n    animation: none;\n    stroke-dashoffset: 0;\n  }\n}\n[data-graphene-chart-dot]:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n";
+function Xe({ dataKey: e, curveType: t = "monotone", showDots: n = !1, connectNulls: r = !1 }) {
 	let { data: i, categoryScale: a, valueScale: o, animated: s, hoveredCategory: c, config: l, valueTickFormatter: u, showTooltipAt: d, hideTooltip: f } = q(), p = m.useRef(null), [h, g] = m.useState(0), _ = `var(--color-${e})`;
 	m.useLayoutEffect(() => {
 		p.current && g(p.current.getTotalLength());
@@ -1032,7 +1048,7 @@ function Ye({ dataKey: e, curveType: t = "monotone", showDots: n = !1, connectNu
 		t,
 		r
 	]);
-	let v = qe[t], y = typeof l[e]?.label == "string" ? l[e]?.label : e, b = [];
+	let v = Je[t], y = typeof l[e]?.label == "string" ? l[e]?.label : e, b = [];
 	for (let t of i) {
 		let n = t[e];
 		if (n == null) {
@@ -1060,7 +1076,7 @@ function Ye({ dataKey: e, curveType: t = "monotone", showDots: n = !1, connectNu
 	return /* @__PURE__ */ w("g", { children: [
 		/* @__PURE__ */ C("style", {
 			precedence: "graphene-charts",
-			children: Je
+			children: Ye
 		}),
 		/* @__PURE__ */ C("path", {
 			ref: p,
@@ -1111,11 +1127,11 @@ function Ye({ dataKey: e, curveType: t = "monotone", showDots: n = !1, connectNu
 		})()
 	] });
 }
-Ye.seriesType = "LineSeries";
+Xe.seriesType = "LineSeries";
 //#endregion
 //#region src/series/BarSeries.tsx
-var Xe = "\n[data-graphene-chart-bar] {\n  fill-opacity: 0.7;\n}\n[data-graphene-chart-bar][data-animated='true'] {\n  transform-box: fill-box;\n  transform-origin: center bottom;\n  transition:\n    transform 450ms cubic-bezier(0.32, 0.72, 0, 1),\n    opacity 250ms ease-out;\n}\n[data-graphene-chart-bar][data-animated='true'][data-layout='horizontal'] {\n  transform-origin: left center;\n}\n@starting-style {\n  [data-graphene-chart-bar][data-animated='true'] {\n    opacity: 0;\n    transform: scaleY(0);\n  }\n  [data-graphene-chart-bar][data-animated='true'][data-layout='horizontal'] {\n    transform: scaleX(0);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-bar][data-animated='true'] {\n    transition: none;\n  }\n  @starting-style {\n    [data-graphene-chart-bar][data-animated='true'] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n}\n[data-graphene-chart-bar]:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n";
-function Ze({ dataKey: e, stackId: t, barRadius: n }) {
+var Ze = "\n[data-graphene-chart-bar] {\n  fill-opacity: 0.7;\n}\n[data-graphene-chart-bar][data-animated='true'] {\n  transform-box: fill-box;\n  transform-origin: center bottom;\n  transition:\n    transform 450ms cubic-bezier(0.32, 0.72, 0, 1),\n    opacity 250ms ease-out;\n}\n[data-graphene-chart-bar][data-animated='true'][data-layout='horizontal'] {\n  transform-origin: left center;\n}\n@starting-style {\n  [data-graphene-chart-bar][data-animated='true'] {\n    opacity: 0;\n    transform: scaleY(0);\n  }\n  [data-graphene-chart-bar][data-animated='true'][data-layout='horizontal'] {\n    transform: scaleX(0);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-bar][data-animated='true'] {\n    transition: none;\n  }\n  @starting-style {\n    [data-graphene-chart-bar][data-animated='true'] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n}\n[data-graphene-chart-bar]:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n";
+function Qe({ dataKey: e, stackId: t, barRadius: n }) {
 	let { data: r, categoryScale: i, valueScale: a, innerHeight: o, layout: s, animated: c, config: l, stackedLayers: u, barGroupScale: d, valueTickFormatter: f, chartWrapperRef: p, chartId: h, showTooltipAt: g, hideTooltip: _ } = q(), v = s === "vertical", y = `var(--color-${e})`, b = typeof l[e]?.label == "string" ? l[e]?.label : e, [x, S] = Oe("var(--chart-bar-radius, 3px)", 3), T = n ?? x, [E, D] = m.useState(null);
 	m.useEffect(() => {
 		D(p.current);
@@ -1159,7 +1175,7 @@ function Ze({ dataKey: e, stackId: t, barRadius: n }) {
 	return /* @__PURE__ */ w("g", { children: [
 		/* @__PURE__ */ C("style", {
 			precedence: "graphene-charts",
-			children: Xe
+			children: Ze
 		}),
 		E && ne(S, E),
 		j && /* @__PURE__ */ C("defs", { children: j.map(({ clipId: e, path: t }) => /* @__PURE__ */ C("clipPath", {
@@ -1219,12 +1235,12 @@ function Ze({ dataKey: e, stackId: t, barRadius: n }) {
 		})
 	] });
 }
-Ze.seriesType = "BarSeries";
+Qe.seriesType = "BarSeries";
 //#endregion
 //#region src/series/AreaSeries.tsx
-var Qe = "\n@keyframes graphene-line-draw {\n  from { stroke-dashoffset: var(--path-length); }\n  to { stroke-dashoffset: 0; }\n}\n[data-graphene-chart-line][data-animated='true'] {\n  animation: graphene-line-draw 800ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n@keyframes graphene-area-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n[data-graphene-chart-area][data-animated='true'] {\n  animation: graphene-area-fade-in 600ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-line][data-animated='true'] {\n    animation: none;\n    stroke-dashoffset: 0;\n  }\n  [data-graphene-chart-area][data-animated='true'] {\n    animation: none;\n    opacity: 1;\n  }\n}\n";
-function $e({ dataKey: e, stackId: t, curveType: n = "monotone", fillOpacity: r = .2, gradient: i = !0, connectNulls: a = !1 }) {
-	let { data: o, categoryScale: s, valueScale: c, innerHeight: l, animated: u, hoveredCategory: d, stackedLayers: f, chartId: p } = q(), h = m.useRef(null), [g, _] = m.useState(0), v = `var(--color-${e})`, y = qe[n];
+var $e = "\n@keyframes graphene-line-draw {\n  from { stroke-dashoffset: var(--path-length); }\n  to { stroke-dashoffset: 0; }\n}\n[data-graphene-chart-line][data-animated='true'] {\n  animation: graphene-line-draw 800ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n@keyframes graphene-area-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n[data-graphene-chart-area][data-animated='true'] {\n  animation: graphene-area-fade-in 600ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-line][data-animated='true'] {\n    animation: none;\n    stroke-dashoffset: 0;\n  }\n  [data-graphene-chart-area][data-animated='true'] {\n    animation: none;\n    opacity: 1;\n  }\n}\n";
+function et({ dataKey: e, stackId: t, curveType: n = "monotone", fillOpacity: r = .2, gradient: i = !0, connectNulls: a = !1 }) {
+	let { data: o, categoryScale: s, valueScale: c, innerHeight: l, animated: u, hoveredCategory: d, stackedLayers: f, chartId: p } = q(), h = m.useRef(null), [g, _] = m.useState(0), v = `var(--color-${e})`, y = Je[n];
 	m.useLayoutEffect(() => {
 		h.current && _(h.current.getTotalLength());
 	}, [
@@ -1275,7 +1291,7 @@ function $e({ dataKey: e, stackId: t, curveType: n = "monotone", fillOpacity: r
 	return /* @__PURE__ */ w("g", { children: [
 		/* @__PURE__ */ C("style", {
 			precedence: "graphene-charts",
-			children: Qe
+			children: $e
 		}),
 		i && /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ w("linearGradient", {
 			id: x,
@@ -1327,10 +1343,10 @@ function $e({ dataKey: e, stackId: t, curveType: n = "monotone", fillOpacity: r
 		})
 	] });
 }
-$e.seriesType = "AreaSeries";
+et.seriesType = "AreaSeries";
 //#endregion
 //#region src/lib/inferDataKeys.ts
-function et(e, t) {
+function tt(e, t) {
 	if (e.length === 0) return [];
 	let n = /* @__PURE__ */ new Set(), r = [];
 	for (let t of e) for (let e of Object.keys(t)) {
@@ -1343,10 +1359,10 @@ function et(e, t) {
 }
 //#endregion
 //#region src/charts/BarChart/BarChart.tsx
-var tt = 120;
-function nt({ data: e, dataKeys: t, state: n, layout: r = "vertical", variant: i = "grouped", margin: a, barRadius: o, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, valueTickFormatter: u, ariaLabel: d, animated: f = !0, onBarHover: p, onBarLeave: m, className: h, children: g, ..._ }) {
-	let { config: v } = z(), y = t ?? et(e, Object.keys(v)), b = r === "vertical", x = i === "stacked" ? "default" : void 0, S = b ? a : {
-		left: tt,
+var nt = 120;
+function rt({ data: e, dataKeys: t, state: n, layout: r = "vertical", variant: i = "grouped", margin: a, barRadius: o, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, valueTickFormatter: u, ariaLabel: d, animated: f = !0, onBarHover: p, onBarLeave: m, className: h, children: g, ..._ }) {
+	let { config: v } = z(), y = t ?? tt(e, Object.keys(v)), b = r === "vertical", x = i === "stacked" ? "default" : void 0, S = b ? a : {
+		left: nt,
 		...a
 	};
 	return n === "loading" ? /* @__PURE__ */ C(je, {
@@ -1368,7 +1384,7 @@ function nt({ data: e, dataKeys: t, state: n, layout: r = "vertical", variant: i
 		..._,
 		children: [
 			s && /* @__PURE__ */ C(J, { orientation: b ? "horizontal" : "vertical" }),
-			y.map((e) => /* @__PURE__ */ C(Ze, {
+			y.map((e) => /* @__PURE__ */ C(Qe, {
 				dataKey: e,
 				stackId: x,
 				barRadius: o
@@ -1381,18 +1397,18 @@ function nt({ data: e, dataKeys: t, state: n, layout: r = "vertical", variant: i
 }
 //#endregion
 //#region src/charts/DoughnutChart/DoughnutChart.tsx
-var rt = {
+var it = {
 	top: 10,
 	right: 10,
 	bottom: 10,
 	left: 10
-}, it = {
+}, at = {
 	top: 30,
 	right: 60,
 	bottom: 30,
 	left: 60
-}, at = 50, ot = "\n[data-graphene-chart-doughnut-segment][data-animated='true'] {\n  transform-box: fill-box;\n  transform-origin: center center;\n  transition:\n    transform 500ms cubic-bezier(0.32, 0.72, 0, 1),\n    opacity 300ms ease-out;\n}\n@starting-style {\n  [data-graphene-chart-doughnut-segment][data-animated='true'] {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-doughnut-segment][data-animated='true'] {\n    transition: none;\n  }\n  @starting-style {\n    [data-graphene-chart-doughnut-segment][data-animated='true'] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n}\n[data-graphene-chart-doughnut-segment]:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n";
-function st({ state: e, data: t, innerRadius: n, padAngle: r, cornerRadius: i, labels: a, centerContent: o, startAngle: s, animated: c, tooltipLabel: l, onSegmentHover: u, onSegmentLeave: d, ariaLabel: f, margin: p, className: m, children: h, ...g }) {
+}, ot = 50, st = "\n[data-graphene-chart-doughnut-segment][data-animated='true'] {\n  transform-box: fill-box;\n  transform-origin: center center;\n  transition:\n    transform 500ms cubic-bezier(0.32, 0.72, 0, 1),\n    opacity 300ms ease-out;\n}\n@starting-style {\n  [data-graphene-chart-doughnut-segment][data-animated='true'] {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-graphene-chart-doughnut-segment][data-animated='true'] {\n    transition: none;\n  }\n  @starting-style {\n    [data-graphene-chart-doughnut-segment][data-animated='true'] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n}\n[data-graphene-chart-doughnut-segment]:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n";
+function ct({ state: e, data: t, innerRadius: n, padAngle: r, cornerRadius: i, labels: a, centerContent: o, startAngle: s, animated: c, tooltipLabel: l, onSegmentHover: u, onSegmentLeave: d, ariaLabel: f, margin: p, className: m, children: h, ...g }) {
 	let _ = ke(e, t.length);
 	return _ === "loading" ? /* @__PURE__ */ C(ze, {
 		ariaLabel: f,
@@ -1402,7 +1418,7 @@ function st({ state: e, data: t, innerRadius: n, padAngle: r, cornerRadius: i, l
 		ariaLabel: f ?? "Doughnut chart with 0 segments",
 		className: m,
 		...g
-	}) : /* @__PURE__ */ C(De, { children: /* @__PURE__ */ C(ct, {
+	}) : /* @__PURE__ */ C(De, { children: /* @__PURE__ */ C(lt, {
 		data: t,
 		innerRadius: n,
 		padAngle: r,
@@ -1421,9 +1437,9 @@ function st({ state: e, data: t, innerRadius: n, padAngle: r, cornerRadius: i, l
 		children: h
 	}) });
 }
-function ct({ data: t, innerRadius: n = .6, padAngle: r = .02, cornerRadius: i = 8, labels: a, centerContent: o, startAngle: s = -Math.PI / 2, animated: c = !0, tooltipLabel: l, onSegmentHover: u, onSegmentLeave: d, ariaLabel: f, margin: p, className: h, children: g, ..._ }) {
+function lt({ data: t, innerRadius: n = .6, padAngle: r = .02, cornerRadius: i = 8, labels: a, centerContent: o, startAngle: s = -Math.PI / 2, animated: c = !0, tooltipLabel: l, onSegmentHover: u, onSegmentLeave: d, ariaLabel: f, margin: p, className: h, children: g, ..._ }) {
 	let { config: v } = z(), { tooltip: y, legend: b } = Ee(), x = a !== void 0, T = {
-		...x ? it : rt,
+		...x ? at : it,
 		...p
 	}, E = m.useRef(null), D = m.useRef(null), k = m.useRef(null), A = ae(D), j = ce(), [M, N] = m.useState(null), [F, ee] = m.useState(null);
 	m.useLayoutEffect(() => {
@@ -1497,7 +1513,7 @@ function ct({ data: t, innerRadius: n = .6, padAngle: r = .02, cornerRadius: i =
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ C("style", {
 			precedence: "graphene-charts",
-			children: ot
+			children: st
 		}),
 		g,
 		/* @__PURE__ */ w("div", {
@@ -1562,9 +1578,9 @@ function ct({ data: t, innerRadius: n = .6, padAngle: r = .02, cornerRadius: i =
 													children: d
 												}),
 												u && /* @__PURE__ */ C("rect", {
-													x: r ? c : c - at,
+													x: r ? c : c - ot,
 													y: s - 8,
-													width: at,
+													width: ot,
 													height: 16,
 													fill: "transparent"
 												})
@@ -1649,10 +1665,10 @@ function ct({ data: t, innerRadius: n = .6, padAngle: r = .02, cornerRadius: i =
 }
 //#endregion
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
-var lt = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ut = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), dt = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), ft = (e) => {
-	let t = dt(e);
+var ut = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), dt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ft = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), pt = (e) => {
+	let t = ft(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, pt = {
+}, mt = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -1662,43 +1678,43 @@ var lt = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, mt = (e) => {
+}, ht = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, ht = h({}), gt = () => y(ht), _t = _(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
-	let { size: l = 24, strokeWidth: u = 2, absoluteStrokeWidth: d = !1, color: f = "currentColor", className: p = "" } = gt() ?? {}, m = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
+}, gt = h({}), _t = () => y(gt), vt = _(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
+	let { size: l = 24, strokeWidth: u = 2, absoluteStrokeWidth: d = !1, color: f = "currentColor", className: p = "" } = _t() ?? {}, m = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
 	return g("svg", {
 		ref: c,
-		...pt,
-		width: t ?? l ?? pt.width,
-		height: t ?? l ?? pt.height,
+		...mt,
+		width: t ?? l ?? mt.width,
+		height: t ?? l ?? mt.height,
 		stroke: e ?? f,
 		strokeWidth: m,
-		className: lt("lucide", p, i),
-		...!a && !mt(s) && { "aria-hidden": "true" },
+		className: ut("lucide", p, i),
+		...!a && !ht(s) && { "aria-hidden": "true" },
 		...s
 	}, [...o.map(([e, t]) => g(e, t)), ...Array.isArray(a) ? a : [a]]);
-}), vt = (e, t) => {
-	let n = _(({ className: n, ...r }, i) => g(_t, {
+}), yt = (e, t) => {
+	let n = _(({ className: n, ...r }, i) => g(vt, {
 		ref: i,
 		iconNode: t,
-		className: lt(`lucide-${ut(ft(e))}`, `lucide-${e}`, n),
+		className: ut(`lucide-${dt(pt(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = ft(e), n;
-}, yt = vt("trending-down", [["path", {
+	return n.displayName = pt(e), n;
+}, bt = yt("trending-down", [["path", {
 	d: "M16 17h6v-6",
 	key: "t6n2it"
 }], ["path", {
 	d: "m22 17-8.5-8.5-5 5L2 7",
 	key: "x473p"
-}]]), bt = vt("trending-up", [["path", {
+}]]), xt = yt("trending-up", [["path", {
 	d: "M16 7h6v6",
 	key: "box55l"
 }], ["path", {
 	d: "m22 7-8.5 8.5-5-5L2 17",
 	key: "1t1m79"
-}]]), xt = _((e, t) => /* @__PURE__ */ C("svg", {
+}]]), St = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1711,8 +1727,8 @@ var lt = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 		d: "M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"
 	})
 }));
-xt.displayName = "AnthropicIcon";
-var St = _((e, t) => /* @__PURE__ */ w("svg", {
+St.displayName = "AnthropicIcon";
+var Ct = _((e, t) => /* @__PURE__ */ w("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1732,8 +1748,8 @@ var St = _((e, t) => /* @__PURE__ */ w("svg", {
 		clipRule: "evenodd"
 	})]
 }));
-St.displayName = "ApigeeIcon";
-var Ct = _((e, t) => /* @__PURE__ */ w("svg", {
+Ct.displayName = "ApigeeIcon";
+var wt = _((e, t) => /* @__PURE__ */ w("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1760,8 +1776,8 @@ var Ct = _((e, t) => /* @__PURE__ */ w("svg", {
 		})
 	]
 }));
-Ct.displayName = "AwsIcon";
-var wt = _((e, t) => /* @__PURE__ */ C("svg", {
+wt.displayName = "AwsIcon";
+var Tt = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1774,8 +1790,8 @@ var wt = _((e, t) => /* @__PURE__ */ C("svg", {
 		d: "M16.043 20.561a1.391 1.391 0 0 0 .003-.92l.003.01L10.405 2.93h5.184c.203 0 .376.13.439.311v.004l5.638 16.705a.463.463 0 0 1-.287.586l-.004.001-5.332.025Zm-3.988-9.838 3.114 9.226a.464.464 0 0 1-.438.613h-.026a.46.46 0 0 1-.277-.093h.001l-7.978-5.928h4.17l1.434-3.818Zm9.172 10.766h.001a1.391 1.391 0 0 0 1.315-1.848l.003.01v.002l-5.64-16.706A1.394 1.394 0 0 0 15.588 2H9.03c-.61 0-1.127.393-1.315.938l-.003.01-5.64 16.704A1.391 1.391 0 0 0 3.39 21.49h4.075a1.39 1.39 0 0 0 1.315-.938l.003-.01.84-2.484 4.25 3.157c.229.172.517.275.83.275h6.523Z"
 	})
 }));
-wt.displayName = "AzureIcon";
-var Tt = _((e, t) => /* @__PURE__ */ C("svg", {
+Tt.displayName = "AzureIcon";
+var Et = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1790,8 +1806,8 @@ var Tt = _((e, t) => /* @__PURE__ */ C("svg", {
 		clipRule: "evenodd"
 	})
 }));
-Tt.displayName = "BitbucketIcon";
-var Et = _((e, t) => /* @__PURE__ */ w("svg", {
+Et.displayName = "BitbucketIcon";
+var Dt = _((e, t) => /* @__PURE__ */ w("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1818,8 +1834,8 @@ var Et = _((e, t) => /* @__PURE__ */ w("svg", {
 		})
 	]
 }));
-Et.displayName = "CohereIcon";
-var Dt = _((e, t) => /* @__PURE__ */ C("svg", {
+Dt.displayName = "CohereIcon";
+var Ot = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1829,8 +1845,8 @@ var Dt = _((e, t) => /* @__PURE__ */ C("svg", {
 	...e,
 	children: /* @__PURE__ */ C("path", { d: "M6.973 3 4.098 8.188l1.469 2.624L8.442 6h10.25l-1.688-3H6.973Zm8.75 4 2.969 4.906L13.629 21h3.375l5-9-2.781-5h-3.5Zm-3.719 1c-2.207 0-4 1.793-4 4s1.793 4 4 4 4-1.793 4-4-1.793-4-4-4ZM3.535 9.219 2.005 12l4.968 9h5.531l1.656-3H8.41L3.535 9.219Zm8.47.781c1.1 0 2 .898 2 2 0 1.102-.9 2-2 2-1.102 0-2-.898-2-2 0-1.102.898-2 2-2Z" })
 }));
-Dt.displayName = "GcpIcon";
-var Ot = _((e, t) => /* @__PURE__ */ C("svg", {
+Ot.displayName = "GcpIcon";
+var kt = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1846,8 +1862,8 @@ var Ot = _((e, t) => /* @__PURE__ */ C("svg", {
 		d: "M9.357 19.48c-4.553 1.484-4.553-2.65-6.353-3.18m12.706 5.3v-3.71c0-1.06.106-1.485-.53-2.12 2.965-.319 5.824-1.485 5.824-6.361a4.88 4.88 0 0 0-1.376-3.393 4.46 4.46 0 0 0-.106-3.392s-1.165-.318-3.706 1.378a13.008 13.008 0 0 0-6.565 0C6.71 2.306 5.545 2.624 5.545 2.624a4.458 4.458 0 0 0-.106 3.392A4.88 4.88 0 0 0 4.063 9.41c0 4.876 2.859 6.042 5.824 6.36-.636.636-.636 1.272-.53 2.12v3.71"
 	})
 }));
-Ot.displayName = "GithubIcon";
-var kt = _((e, t) => /* @__PURE__ */ C("svg", {
+kt.displayName = "GithubIcon";
+var At = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1863,8 +1879,8 @@ var kt = _((e, t) => /* @__PURE__ */ C("svg", {
 		d: "m22.004 13.29-3.33-10a.42.42 0 0 0-.14-.18.38.38 0 0 0-.22-.11.39.39 0 0 0-.37.25l-2.26 6.67h-7.36l-2.22-6.66a.42.42 0 0 0-.1-.18.38.38 0 0 0-.26-.08.39.39 0 0 0-.37.25l-3.37 10.04a.74.74 0 0 0 .27.83l9.73 6.88 9.69-6.88a.71.71 0 0 0 .31-.83v0Z"
 	})
 }));
-kt.displayName = "GitlabIcon";
-var At = _((e, t) => /* @__PURE__ */ C("svg", {
+At.displayName = "GitlabIcon";
+var jt = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1877,8 +1893,8 @@ var At = _((e, t) => /* @__PURE__ */ C("svg", {
 		d: "M15.748 13.131c-.821 0-1.558.363-2.063.933l-1.293-.91a3.51 3.51 0 0 0 .216-1.203c0-.415-.076-.812-.209-1.183l1.29-.9a2.75 2.75 0 0 0 2.06.927A2.748 2.748 0 0 0 18.5 8.058a2.748 2.748 0 0 0-2.752-2.738 2.748 2.748 0 0 0-2.751 2.738c0 .27.041.53.115.777l-1.291.902a3.556 3.556 0 0 0-2.2-1.273V6.916a2.745 2.745 0 0 0 2.185-2.678A2.748 2.748 0 0 0 9.054 1.5a2.748 2.748 0 0 0-2.752 2.738c0 1.298.915 2.387 2.137 2.666v1.568C6.772 8.762 5.5 10.21 5.5 11.95c0 1.75 1.284 3.202 2.963 3.483v1.656a2.744 2.744 0 0 0-2.16 2.672 2.748 2.748 0 0 0 2.75 2.739 2.748 2.748 0 0 0 2.752-2.738 2.745 2.745 0 0 0-2.161-2.672v-1.656c.867-.145 1.63-.6 2.163-1.252l1.302.917a2.71 2.71 0 0 0-.113.77 2.748 2.748 0 0 0 2.752 2.738 2.748 2.748 0 0 0 2.751-2.738 2.748 2.748 0 0 0-2.752-2.738Zm0-6.4c.736 0 1.335.595 1.335 1.327 0 .731-.599 1.327-1.334 1.327a1.332 1.332 0 0 1-1.335-1.327c0-.732.599-1.328 1.335-1.328ZM7.72 4.237c0-.732.598-1.328 1.334-1.328.736 0 1.334.596 1.334 1.328 0 .731-.598 1.327-1.334 1.327A1.332 1.332 0 0 1 7.72 4.238Zm2.668 15.524c0 .732-.598 1.328-1.334 1.328a1.332 1.332 0 0 1-1.334-1.328c0-.731.598-1.327 1.334-1.327.736 0 1.334.596 1.334 1.327Zm-1.334-5.96c-1.026 0-1.86-.83-1.86-1.851 0-1.02.834-1.851 1.86-1.851 1.026 0 1.86.83 1.86 1.851 0 1.02-.834 1.851-1.86 1.851Zm6.694 3.394a1.332 1.332 0 0 1-1.334-1.327c0-.732.599-1.327 1.335-1.327.735 0 1.333.595 1.333 1.327s-.598 1.327-1.334 1.327Z"
 	})
 }));
-At.displayName = "KafkaIcon";
-var jt = _((e, t) => /* @__PURE__ */ C("svg", {
+jt.displayName = "KafkaIcon";
+var Mt = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1891,8 +1907,8 @@ var jt = _((e, t) => /* @__PURE__ */ C("svg", {
 		d: "m23 14.095-2.748-.63a8.18 8.18 0 0 0-1.269-5.53l2.113-1.692-1.037-1.306-2.112 1.69a8.282 8.282 0 0 0-5.115-2.48V1.6h-1.664v2.548a8.282 8.282 0 0 0-5.115 2.48L3.941 4.937 2.903 6.243l2.114 1.691a8.194 8.194 0 0 0-1.269 5.532L1 14.096l.37 1.627 2.744-.629a8.374 8.374 0 0 0 3.55 4.474l-1.106 2.308 1.5.724 1.105-2.306a8.134 8.134 0 0 0 5.675 0l1.105 2.306 1.5-.725-1.107-2.307a8.374 8.374 0 0 0 3.55-4.474l2.744.629.37-1.628Zm-4.345-1.64c0 .215-.012.427-.032.637l-4.16-.953a2.482 2.482 0 0 0-.114-.496l3.325-2.661a6.648 6.648 0 0 1 .981 3.473Zm-7.487 0a.837.837 0 0 1 .514-.771.829.829 0 0 1 1.134.608.839.839 0 0 1-.354.857.83.83 0 0 1-1.05-.104.837.837 0 0 1-.244-.59Zm5.47-4.78-3.324 2.66a2.49 2.49 0 0 0-.482-.231V5.833a6.625 6.625 0 0 1 3.806 1.841Zm-5.47-1.842v4.27a2.49 2.49 0 0 0-.482.232l-3.324-2.66a6.626 6.626 0 0 1 3.806-1.842Zm-5.823 6.622c0-1.226.34-2.429.981-3.473l3.325 2.66a2.485 2.485 0 0 0-.115.497l-4.16.953a6.763 6.763 0 0 1-.031-.637Zm.402 2.265 4.139-.949c.098.162.213.313.345.448l-1.842 3.84a6.701 6.701 0 0 1-2.642-3.339ZM12 19.135a6.607 6.607 0 0 1-2.113-.35l1.847-3.852c.088.014.177.023.266.027.089-.004.178-.013.265-.027l1.848 3.852c-.68.23-1.394.35-2.113.35Zm3.611-1.077-1.842-3.839c.132-.136.247-.286.345-.448l4.139.949a6.701 6.701 0 0 1-2.642 3.338Z"
 	})
 }));
-jt.displayName = "KubernetesIcon";
-var Mt = _((e, t) => /* @__PURE__ */ w("svg", {
+Mt.displayName = "KubernetesIcon";
+var Nt = _((e, t) => /* @__PURE__ */ w("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1943,8 +1959,8 @@ var Mt = _((e, t) => /* @__PURE__ */ w("svg", {
 		})
 	]
 }));
-Mt.displayName = "MistralIcon";
-var Nt = _((e, t) => /* @__PURE__ */ C("svg", {
+Nt.displayName = "MistralIcon";
+var Pt = _((e, t) => /* @__PURE__ */ C("svg", {
 	ref: t,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -1957,10 +1973,10 @@ var Nt = _((e, t) => /* @__PURE__ */ C("svg", {
 		d: "M304.246 294.611V249.028c0-3.839 1.441-6.719 4.798-8.636l91.648-52.78c12.475-7.197 27.35-10.554 42.702-10.554 57.577 0 94.046 44.624 94.046 92.124 0 3.358 0 7.197-.481 11.036l-95.005-55.66c-5.757-3.357-11.517-3.357-17.274 0l-120.434 70.053ZM518.245 472.145V363.224c0-6.719-2.881-11.517-8.637-14.875l-120.434-70.053 39.345-22.553c3.358-1.917 6.238-1.917 9.596 0l91.647 52.78c26.392 15.356 44.143 47.982 44.143 79.648 0 36.465-21.59 70.054-55.66 83.97v.004ZM275.937 376.182l-39.345-23.03c-3.357-1.917-4.798-4.798-4.798-8.637V238.956c0-51.339 39.345-90.207 92.606-90.207 20.155 0 38.864 6.719 54.702 18.714l-94.524 54.701c-5.756 3.357-8.636 8.155-8.636 14.875v139.147l-.005-.004ZM360.626 425.122 304.246 393.455v-67.172l56.38-31.667 56.376 31.667v67.172l-56.376 31.667ZM396.852 570.989c-20.154 0-38.863-6.719-54.701-18.713l94.523-54.702c5.757-3.357 8.637-8.155 8.637-14.875V343.552l39.827 23.03c3.357 1.917 4.798 4.797 4.798 8.637v105.559c0 51.339-39.827 90.207-93.084 90.207v.004ZM283.134 463.99l-91.648-52.779c-26.392-15.357-44.143-47.982-44.143-79.649 0-36.946 22.072-70.053 56.137-83.969v109.398c0 6.719 2.881 11.517 8.637 14.875l119.957 69.571-39.345 22.553c-3.357 1.917-6.238 1.917-9.595 0ZM277.859 542.68c-54.22 0-94.046-40.785-94.046-91.166 0-3.839.481-7.678.958-11.517l94.524 54.701c5.756 3.358 11.517 3.358 17.273 0L417.002 425.127v45.583c0 3.839-1.44 6.719-4.798 8.636l-91.647 52.78c-12.476 7.197-27.351 10.554-42.703 10.554h.005ZM396.852 599.776c58.059 0 106.518-41.263 117.558-95.964 53.739-13.916 88.286-64.297 88.286-115.636 0-33.589-14.393-66.214-40.304-89.726 2.399-10.077 3.839-20.154 3.839-30.226 0-68.613-55.66-119.957-119.957-119.957-12.952 0-25.428 1.917-37.904 6.238-21.595-21.113-51.344-34.547-83.97-34.547-58.058 0-106.517 41.262-117.557 95.963-53.739 13.916-88.286 64.297-88.286 115.636 0 33.589 14.393 66.214 40.304 89.726-2.399 10.077-3.839 20.154-3.839 30.227 0 68.613 55.66 119.956 119.956 119.956 12.953 0 25.429-1.917 37.905-6.238 21.59 21.113 51.339 34.548 83.969 34.548Z"
 	})
 }));
-Nt.displayName = "OpenAIIcon";
+Pt.displayName = "OpenAIIcon";
 //#endregion
 //#region src/lib/useContainerSize.ts
-function Pt() {
+function Ft() {
 	let [e, t] = x({
 		width: 0,
 		height: 0
@@ -1985,29 +2001,29 @@ function Pt() {
 }
 //#endregion
 //#region src/charts/Metric/Metric.tsx
-var Ft = {
+var It = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function It(e, t) {
+function Lt(e, t) {
 	return e === "neutral" || t === "neutral" ? "neutral" : t === "higher-is-better" ? e === "up" ? "positive" : "negative" : e === "up" ? "negative" : "positive";
 }
-var Lt = 56;
-function Rt(e, t) {
+var Rt = 56;
+function zt(e, t) {
 	let n = Math.min(t > 0 ? t : 100, (e > 0 ? e : 200) * .65);
 	return Math.max(18, Math.min(96, Math.round(n * .22)));
 }
-function zt(e) {
+function Bt(e) {
 	return Math.max(10, Math.round(e * .22));
 }
-function Bt(e) {
+function Vt(e) {
 	return e < 80 ? "text-sm font-semibold leading-tight" : e < 110 ? "text-base font-semibold leading-tight" : e < 150 ? "text-lg font-semibold leading-tight" : "text-xl font-semibold leading-tight";
 }
-function Vt(e) {
+function Ht(e) {
 	return e < 50 ? "text-[9px]" : e < 80 ? "text-[10px]" : e < 120 ? "text-xs" : "text-sm";
 }
-function Ht(e) {
+function Ut(e) {
 	return e < 60 ? {
 		text: "text-[9px]",
 		icon: "size-2"
@@ -2022,7 +2038,7 @@ function Ht(e) {
 		icon: "size-3.5"
 	};
 }
-function Ut({ data: t, color: n, colorClass: r }) {
+function Wt({ data: t, color: n, colorClass: r }) {
 	let i = m.useRef(null), [a, o] = m.useState({
 		width: 0,
 		height: 0
@@ -2074,10 +2090,10 @@ function Ut({ data: t, color: n, colorClass: r }) {
 		] })
 	});
 }
-function Wt({ trend: t, sentiment: n, trendClass: r }) {
-	let i = t.direction === "down" ? yt : bt;
+function Gt({ trend: t, sentiment: n, trendClass: r }) {
+	let i = t.direction === "down" ? bt : xt;
 	return /* @__PURE__ */ w("span", {
-		className: e("inline-flex items-center gap-1 font-medium", r.text, Ft[n]),
+		className: e("inline-flex items-center gap-1 font-medium", r.text, It[n]),
 		children: [
 			t.direction !== "neutral" && /* @__PURE__ */ C(i, { className: r.icon }),
 			t.value,
@@ -2085,7 +2101,7 @@ function Wt({ trend: t, sentiment: n, trendClass: r }) {
 		]
 	});
 }
-function Gt({ className: t, ...n }) {
+function Kt({ className: t, ...n }) {
 	return /* @__PURE__ */ w("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -2104,15 +2120,15 @@ function Gt({ className: t, ...n }) {
 		}), /* @__PURE__ */ C($, { className: "min-h-5 w-full flex-1" })]
 	});
 }
-function Kt({ value: t, label: n, state: r, description: i, icon: a, trend: o, trendSentiment: s = "higher-is-better", centered: c = !1, sparklineData: l, sparklineColor: u, className: d, ...f }) {
-	let { ref: p, width: m, height: h } = Pt();
-	if (r === "loading") return /* @__PURE__ */ C(Gt, {
+function qt({ value: t, label: n, state: r, description: i, icon: a, trend: o, trendSentiment: s = "higher-is-better", centered: c = !1, sparklineData: l, sparklineColor: u, className: d, ...f }) {
+	let { ref: p, width: m, height: h } = Ft();
+	if (r === "loading") return /* @__PURE__ */ C(Kt, {
 		className: d,
 		...f
 	});
-	let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? It(_.direction, s) : void 0, b = !u && y ? Ft[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= Lt && !c, T = c || !S, E = Bt(h), D = Vt(h), O = Ht(h), k = n && h > 50, A = !!(_ && y && (S || h > 40));
+	let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? Lt(_.direction, s) : void 0, b = !u && y ? It[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= Rt && !c, T = c || !S, E = Vt(h), D = Ht(h), O = Ut(h), k = n && h > 50, A = !!(_ && y && (S || h > 40));
 	if (T) {
-		let t = Rt(m, h), r = zt(t);
+		let t = zt(m, h), r = Bt(t);
 		return /* @__PURE__ */ w("div", {
 			ref: p,
 			className: e("flex h-full flex-col items-center justify-center gap-1 text-center", d),
@@ -2128,7 +2144,7 @@ function Kt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 					style: { fontSize: r },
 					children: n
 				}),
-				A && _ && y && /* @__PURE__ */ C(Wt, {
+				A && _ && y && /* @__PURE__ */ C(Gt, {
 					trend: _,
 					sentiment: y,
 					trendClass: O
@@ -2152,7 +2168,7 @@ function Kt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 						}),
 						A && _ && y && /* @__PURE__ */ w("span", {
 							className: "flex shrink-0 items-center gap-1",
-							children: [/* @__PURE__ */ C(Wt, {
+							children: [/* @__PURE__ */ C(Gt, {
 								trend: _,
 								sentiment: y,
 								trendClass: O
@@ -2172,7 +2188,7 @@ function Kt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 			]
 		}), /* @__PURE__ */ C("div", {
 			className: "min-h-0 flex-1 pt-1",
-			children: /* @__PURE__ */ C(Ut, {
+			children: /* @__PURE__ */ C(Wt, {
 				data: v,
 				color: x,
 				colorClass: b
@@ -2182,49 +2198,49 @@ function Kt({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 }
 //#endregion
 //#region src/charts/MetricGroup/MetricGroup.tsx
-function qt(e) {
+function Jt(e) {
 	return "category" in e && "metrics" in e;
 }
-var Jt = {
+var Yt = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function Yt(e) {
+function Xt(e) {
 	let t = 0;
-	for (let n of e) t += qt(n) ? n.metrics.length : 1;
+	for (let n of e) t += Jt(n) ? n.metrics.length : 1;
 	return t;
 }
-function Xt(e) {
-	return qt(e) ? e.metrics.length : 1;
+function Zt(e) {
+	return Jt(e) ? e.metrics.length : 1;
 }
-var Zt = [
+var Qt = [
 	"xs",
 	"sm",
 	"md",
 	"lg"
 ];
-function Qt(e, t, n) {
+function $t(e, t, n) {
 	let r = e / Math.max(n, 1), i = r < 40 ? "xs" : r < 70 ? "sm" : r < 110 ? "md" : "lg", a = t < 25 ? "xs" : t < 40 ? "sm" : t < 60 ? "md" : "lg";
-	return Zt[Math.min(Zt.indexOf(i), Zt.indexOf(a))];
+	return Qt[Math.min(Qt.indexOf(i), Qt.indexOf(a))];
 }
-var $t = {
+var en = {
 	xs: 40,
 	sm: 55,
 	md: 75,
 	lg: 100
-}, en = 40, tn = 80;
-function nn(e, t, n) {
-	if (e < tn) return 0;
-	let r = $t[n], i = 0, a = 0;
+}, tn = 40, nn = 80;
+function rn(e, t, n) {
+	if (e < nn) return 0;
+	let r = en[n], i = 0, a = 0;
 	for (let n = 0; n < t.length; n++) {
-		let o = r * Xt(t[n]), s = t.length - (n + 1) > 0 ? en : 0;
+		let o = r * Zt(t[n]), s = t.length - (n + 1) > 0 ? tn : 0;
 		if (a + o + s > e) break;
 		a += o, i++;
 	}
 	return i;
 }
-var rn = {
+var an = {
 	value: {
 		xs: "text-xs font-bold leading-tight",
 		sm: "text-base font-semibold",
@@ -2262,32 +2278,32 @@ var rn = {
 		lg: "px-5"
 	}
 };
-function an({ trend: t, sentiment: n, size: r }) {
-	let i = t.direction === "down" ? yt : bt;
+function on({ trend: t, sentiment: n, size: r }) {
+	let i = t.direction === "down" ? bt : xt;
 	return /* @__PURE__ */ w("span", {
-		className: e("inline-flex items-center gap-px font-medium", rn.trend[r], Jt[n]),
+		className: e("inline-flex items-center gap-px font-medium", an.trend[r], Yt[n]),
 		children: [
-			t.direction !== "neutral" && /* @__PURE__ */ C(i, { className: rn.trendIcon[r] }),
+			t.direction !== "neutral" && /* @__PURE__ */ C(i, { className: an.trendIcon[r] }),
 			t.value,
 			"%"
 		]
 	});
 }
-function on({ item: t, size: n, labelVisible: r }) {
-	let i = t.trend ? It(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ w("div", {
+function sn({ item: t, size: n, labelVisible: r }) {
+	let i = t.trend ? Lt(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ w("div", {
 		className: "flex min-w-0 flex-col items-center text-center",
 		children: [/* @__PURE__ */ w("div", {
 			className: "flex items-baseline gap-0.5",
 			children: [/* @__PURE__ */ C("span", {
-				className: e("truncate tracking-tight text-foreground", rn.value[n]),
+				className: e("truncate tracking-tight text-foreground", an.value[n]),
 				children: t.value
-			}), t.trend && i && /* @__PURE__ */ C(an, {
+			}), t.trend && i && /* @__PURE__ */ C(on, {
 				trend: t.trend,
 				sentiment: i,
 				size: n
 			})]
 		}), a && /* @__PURE__ */ C("span", {
-			className: e("max-w-full truncate text-muted-foreground", rn.label[n]),
+			className: e("max-w-full truncate text-muted-foreground", an.label[n]),
 			children: t.label
 		})]
 	});
@@ -2302,7 +2318,7 @@ function on({ item: t, size: n, labelVisible: r }) {
 		children: o
 	});
 }
-function sn({ count: t, size: n }) {
+function cn({ count: t, size: n }) {
 	let r = `${t} more ${t === 1 ? "metric" : "metrics"} hidden`;
 	return /* @__PURE__ */ w(u, { children: [/* @__PURE__ */ C(p, {
 		asChild: !0,
@@ -2314,7 +2330,7 @@ function sn({ count: t, size: n }) {
 		})
 	}), /* @__PURE__ */ C(d, { children: r })] });
 }
-function cn({ count: t, className: n, ...r }) {
+function ln({ count: t, className: n, ...r }) {
 	return /* @__PURE__ */ C("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -2327,14 +2343,14 @@ function cn({ count: t, className: n, ...r }) {
 		}, t))
 	});
 }
-function ln({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
-	let { ref: o, width: s, height: c } = Pt();
-	if (n === "loading") return /* @__PURE__ */ C(cn, {
-		count: t.length > 0 ? Yt(t) : r ?? 5,
+function un({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
+	let { ref: o, width: s, height: c } = Ft();
+	if (n === "loading") return /* @__PURE__ */ C(ln, {
+		count: t.length > 0 ? Xt(t) : r ?? 5,
 		className: i,
 		...a
 	});
-	let l = n === "empty" ? t.map((e) => qt(e) ? {
+	let l = n === "empty" ? t.map((e) => Jt(e) ? {
 		...e,
 		metrics: e.metrics.map((e) => ({
 			...e,
@@ -2345,7 +2361,7 @@ function ln({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 		...e,
 		value: "—",
 		trend: void 0
-	}) : t, u = Yt(l), d = s > 0 ? Qt(s, c, u) : "md", p = c >= 50, m = s > 0 ? nn(s, l, d) : l.length, h = l.slice(0, m), g = l.length - m, _ = m === 0;
+	}) : t, u = Xt(l), d = s > 0 ? $t(s, c, u) : "md", p = c >= 50, m = s > 0 ? rn(s, l, d) : l.length, h = l.slice(0, m), g = l.length - m, _ = m === 0;
 	return /* @__PURE__ */ C(f, {
 		delayDuration: 300,
 		children: /* @__PURE__ */ w("div", {
@@ -2355,21 +2371,21 @@ function ln({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 			className: e("flex h-full items-center overflow-hidden", _ ? "justify-center" : "divide-x divide-border/30 dark:divide-white/[0.06]", i),
 			...a,
 			children: [s > 0 && !_ && h.map((t) => {
-				let n = qt(t) ? t.category : `${t.value}-${t.label ?? ""}`;
+				let n = Jt(t) ? t.category : `${t.value}-${t.label ?? ""}`;
 				return /* @__PURE__ */ C("div", {
-					style: { flex: Xt(t) },
-					className: e("flex min-w-0 flex-col items-center justify-center overflow-x-hidden", rn.cellPadding[d]),
-					children: qt(t) ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("span", {
-						className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", rn.category[d]),
+					style: { flex: Zt(t) },
+					className: e("flex min-w-0 flex-col items-center justify-center overflow-x-hidden", an.cellPadding[d]),
+					children: Jt(t) ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("span", {
+						className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", an.category[d]),
 						children: t.category
 					}), /* @__PURE__ */ C("div", {
 						className: "flex w-full min-w-0 items-end justify-evenly",
-						children: t.metrics.map((e) => /* @__PURE__ */ C(on, {
+						children: t.metrics.map((e) => /* @__PURE__ */ C(sn, {
 							item: e,
 							size: d,
 							labelVisible: p
 						}, `${e.value}-${e.label ?? ""}`))
-					})] }) : /* @__PURE__ */ C(on, {
+					})] }) : /* @__PURE__ */ C(sn, {
 						item: t,
 						size: d,
 						labelVisible: p
@@ -2377,7 +2393,7 @@ function ln({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 				}, n);
 			}), s > 0 && g > 0 && /* @__PURE__ */ C("div", {
 				className: e("flex shrink-0 items-center", _ ? "" : "px-2"),
-				children: /* @__PURE__ */ C(sn, {
+				children: /* @__PURE__ */ C(cn, {
 					count: g,
 					size: d
 				})
@@ -2387,8 +2403,8 @@ function ln({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 }
 //#endregion
 //#region src/charts/LineChart/LineChart.tsx
-function un({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDots: i = !1, showGrid: a = !0, showCategoryAxis: o = !0, showValueAxis: s = !0, connectNulls: c = !1, valueTickFormatter: l, categoryTickFormatter: u, animated: d = !0, onPointHover: f, onPointLeave: p, ariaLabel: m, margin: h, className: g, children: _, ...v }) {
-	let { config: y } = z(), b = t ?? et(e, Object.keys(y));
+function dn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDots: i = !1, showGrid: a = !0, showCategoryAxis: o = !0, showValueAxis: s = !0, connectNulls: c = !1, valueTickFormatter: l, categoryTickFormatter: u, animated: d = !0, onPointHover: f, onPointLeave: p, ariaLabel: m, margin: h, className: g, children: _, ...v }) {
+	let { config: y } = z(), b = t ?? tt(e, Object.keys(y));
 	return n === "loading" ? /* @__PURE__ */ C(Me, {
 		ariaLabel: m,
 		className: g,
@@ -2408,7 +2424,7 @@ function un({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDot
 		...v,
 		children: [
 			a && /* @__PURE__ */ C(J, {}),
-			b.map((e) => /* @__PURE__ */ C(Ye, {
+			b.map((e) => /* @__PURE__ */ C(Xe, {
 				dataKey: e,
 				curveType: r,
 				showDots: i,
@@ -2422,8 +2438,8 @@ function un({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDot
 }
 //#endregion
 //#region src/charts/AreaChart/AreaChart.tsx
-function dn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked: i = !0, gradient: a = !0, fillOpacity: o = .2, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, connectNulls: u = !1, animated: d = !0, ariaLabel: f, margin: p, valueTickFormatter: m, categoryTickFormatter: h, onPointHover: g, onPointLeave: _, className: v, children: y, ...b }) {
-	let { config: x } = z(), S = t ?? et(e, Object.keys(x)), T = i ? "default" : void 0;
+function fn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked: i = !0, gradient: a = !0, fillOpacity: o = .2, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, connectNulls: u = !1, animated: d = !0, ariaLabel: f, margin: p, valueTickFormatter: m, categoryTickFormatter: h, onPointHover: g, onPointLeave: _, className: v, children: y, ...b }) {
+	let { config: x } = z(), S = t ?? tt(e, Object.keys(x)), T = i ? "default" : void 0;
 	return n === "loading" ? /* @__PURE__ */ C(Re, {
 		ariaLabel: f,
 		className: v,
@@ -2443,7 +2459,7 @@ function dn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked
 		...b,
 		children: [
 			s && /* @__PURE__ */ C(J, {}),
-			S.map((e) => /* @__PURE__ */ C($e, {
+			S.map((e) => /* @__PURE__ */ C(et, {
 				dataKey: e,
 				stackId: T,
 				curveType: r,
@@ -2458,4 +2474,4 @@ function dn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked
 	});
 }
 //#endregion
-export { dn as AreaChart, $e as AreaSeries, nt as BarChart, Ze as BarSeries, I as CHART_THEMES, Ie as CartesianChart, L as ChartCard, H as ChartContainer, Ke as ChartLegend, Ge as ChartLegendContent, ie as ChartStyle, Ue as ChartTooltip, He as ChartTooltipContent, re as DEFAULT_MARGIN, st as DoughnutChart, J as Grid, un as LineChart, Ye as LineSeries, Kt as Metric, ln as MetricGroup, fe as ReferenceLine, Ce as XAxis, we as YAxis, e as cn, It as resolveSentiment, z as useChartConfig };
+export { fn as AreaChart, et as AreaSeries, rt as BarChart, Qe as BarSeries, I as CHART_THEMES, Ie as CartesianChart, L as ChartCard, H as ChartContainer, qe as ChartLegend, Ke as ChartLegendContent, ie as ChartStyle, We as ChartTooltip, Ue as ChartTooltipContent, re as DEFAULT_MARGIN, ct as DoughnutChart, J as Grid, dn as LineChart, Xe as LineSeries, qt as Metric, un as MetricGroup, fe as ReferenceLine, Ce as XAxis, we as YAxis, e as cn, Lt as resolveSentiment, z as useChartConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/graphene-charts",
-  "version": "2.24.0",
+  "version": "2.25.0-fix-type-array.dbf0890",
   "type": "module",
   "description": "Theme-compliant data visualization components for the Graphene design system. Built on D3, styled with Tailwind, and designed to inherit the Graphene token system out of the box.",
   "keywords": [
@@ -58,7 +58,7 @@
     "d3-shape": "3.2.0"
   },
   "peerDependencies": {
-    "@gravitee/graphene-core": "^1.0.0-alpha.31",
+    "@gravitee/graphene-core": "2.25.0-fix-type-array.dbf0890",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-grid-layout": "^2.0.0",