@rendra-ui/web 2.1.0

package/dist/chart.js

@@ -0,0 +1,520 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-DVPheE99.js";
+import { p as resolveCatalogCode } from "./components-Cm2ezlPT.js";
+import { t as Button } from "./button-DIcpJwK9.js";
+import { n as useBreakpoint } from "./use-breakpoint-BmXOZtF9.js";
+import { ArrowDown, BarChart3, List } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, ComposedChart, Legend, Line, LineChart, Pie, PieChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
+//#region src/components/ui/chart.tsx
+var palette = [
+	"--rendra-chart-1",
+	"--rendra-chart-2",
+	"--rendra-chart-3",
+	"--rendra-chart-4",
+	"--rendra-chart-5",
+	"--rendra-ring"
+];
+var colorVar = (i) => `var(${palette[(i - 1) % palette.length]})`;
+var fmtDefault = (n) => n.toLocaleString("pt-BR");
+var pct = (n) => `${n.toLocaleString("pt-BR", {
+	minimumFractionDigits: 1,
+	maximumFractionDigits: 1
+})}%`;
+function Chart(props) {
+	if (props.type === "gauge") return /* @__PURE__ */ jsx(Gauge, { ...props });
+	if (props.type === "funnel") return /* @__PURE__ */ jsx(Funnel, { ...props });
+	return /* @__PURE__ */ jsx(Cartesian, { ...props });
+}
+var defaultZones = [
+	{
+		to: .6,
+		tone: "error"
+	},
+	{
+		to: .9,
+		tone: "warning"
+	},
+	{
+		to: 1,
+		tone: "success"
+	}
+];
+var zoneBadge = {
+	error: "bg-destructive-soft text-destructive-soft-foreground",
+	warning: "bg-warning-soft text-warning-soft-foreground",
+	success: "bg-success-soft text-success-soft-foreground",
+	primary: "bg-primary-soft text-primary-soft-foreground",
+	neutral: "bg-muted text-foreground"
+};
+var zoneText = {
+	error: "Abaixo da meta",
+	warning: "Atenção",
+	success: "No verde",
+	primary: "Em andamento",
+	neutral: "Em andamento"
+};
+var CX = 120;
+var CY = 120;
+var R = 100;
+var point = (frac, r = R) => {
+	const a = Math.PI * (1 - frac);
+	return [CX + r * Math.cos(a), CY - r * Math.sin(a)];
+};
+var arc = (from, to, r = R) => {
+	const [x1, y1] = point(from, r);
+	const [x2, y2] = point(to, r);
+	return `M ${x1.toFixed(2)} ${y1.toFixed(2)} A ${r} ${r} 0 0 1 ${x2.toFixed(2)} ${y2.toFixed(2)}`;
+};
+function Gauge({ value, max, min = 0, target, zones = defaultZones, label, valueFormatter = fmtDefault, className, ...aria }) {
+	const range = Math.max(1, max - min);
+	const clamp = (n) => Math.min(1, Math.max(0, n));
+	const reached = target ? value / target * 100 : null;
+	const frac = reached !== null ? clamp(reached / 100) : clamp((value - min) / range);
+	const tone = (zones.find((z) => frac <= z.to) ?? zones[zones.length - 1])?.tone ?? "primary";
+	const gradientId = useId();
+	const [ex, ey] = point(frac, 74);
+	return /* @__PURE__ */ jsxs("figure", {
+		"data-rendra": resolveCatalogCode("Chart", { type: "gauge" }),
+		className: cn("flex min-w-0 flex-col items-center gap-2", className),
+		"aria-label": aria["aria-label"],
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				role: "meter",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": Math.round(frac * 100),
+				"aria-valuetext": `${reached !== null ? `${pct(reached)} da meta` : valueFormatter(value)}, ${zoneText[tone]}`,
+				"aria-label": aria["aria-label"],
+				className: "w-full max-w-xs",
+				children: /* @__PURE__ */ jsxs("svg", {
+					viewBox: "0 0 240 140",
+					className: "w-full",
+					"aria-hidden": true,
+					children: [
+						/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+							id: gradientId,
+							x1: "0",
+							y1: "0",
+							x2: "1",
+							y2: "0",
+							children: [
+								/* @__PURE__ */ jsx("stop", {
+									offset: "0%",
+									stopColor: "var(--rendra-meter-low)"
+								}),
+								/* @__PURE__ */ jsx("stop", {
+									offset: "38%",
+									stopColor: "color-mix(in oklab, var(--rendra-meter-low), var(--rendra-meter-mid))"
+								}),
+								/* @__PURE__ */ jsx("stop", {
+									offset: "62%",
+									stopColor: "var(--rendra-meter-mid)"
+								}),
+								/* @__PURE__ */ jsx("stop", {
+									offset: "100%",
+									stopColor: "var(--rendra-meter-high)"
+								})
+							]
+						}) }),
+						/* @__PURE__ */ jsx("path", {
+							d: arc(0, 1),
+							fill: "none",
+							stroke: `url(#${gradientId})`,
+							strokeWidth: 20,
+							strokeLinecap: "round"
+						}),
+						/* @__PURE__ */ jsx("line", {
+							x1: CX,
+							y1: CY,
+							x2: ex,
+							y2: ey,
+							stroke: "var(--rendra-foreground)",
+							strokeWidth: 4,
+							strokeLinecap: "round",
+							className: "transition-all duration-700"
+						}),
+						/* @__PURE__ */ jsx("circle", {
+							cx: CX,
+							cy: CY,
+							r: 9,
+							fill: "var(--rendra-foreground)"
+						}),
+						/* @__PURE__ */ jsx("circle", {
+							cx: CX,
+							cy: CY,
+							r: 4,
+							fill: "var(--rendra-card)"
+						}),
+						/* @__PURE__ */ jsx("text", {
+							x: point(0)[0],
+							y: 138,
+							textAnchor: "middle",
+							fontSize: 11,
+							fill: "var(--rendra-muted-foreground)",
+							children: "0%"
+						}),
+						/* @__PURE__ */ jsx("text", {
+							x: point(1)[0],
+							y: 138,
+							textAnchor: "middle",
+							fontSize: 11,
+							fill: "var(--rendra-muted-foreground)",
+							children: "100%"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-1 text-center",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-3xl font-semibold tabular-nums",
+						children: reached !== null ? `${Math.round(reached)}%` : valueFormatter(value)
+					}),
+					label && /* @__PURE__ */ jsx("span", {
+						className: "text-sm font-medium",
+						children: label
+					}),
+					target !== void 0 && /* @__PURE__ */ jsxs("span", {
+						className: "flex flex-col text-sm text-muted-foreground tabular-nums",
+						children: [/* @__PURE__ */ jsxs("span", { children: ["Meta: ", valueFormatter(target)] }), /* @__PURE__ */ jsxs("span", { children: ["Realizado: ", valueFormatter(value)] })]
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn("mt-1 rounded-full px-3 py-1 text-xs font-semibold", zoneBadge[tone]),
+						children: zoneText[tone]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("figcaption", {
+				className: "sr-only",
+				children: aria["aria-label"]
+			})
+		]
+	});
+}
+function Funnel({ stages, valueFormatter = fmtDefault, className, ...aria }) {
+	const n = stages.length;
+	const top = stages[0]?.value || 1;
+	const last = stages[n - 1];
+	const width = (i) => 1 - i / Math.max(1, n) * .54;
+	const fill = (i) => {
+		return `color-mix(in oklab, color-mix(in oklab, var(--rendra-primary) ${n > 1 ? Math.round(100 - i / (n - 1) * 100) : 100}%, var(--rendra-success)) 58%, var(--rendra-sidebar))`;
+	};
+	const rates = stages.map((s, i) => {
+		const next = stages[i + 1];
+		return next && s.value > 0 ? next.value / s.value * 100 : null;
+	});
+	const worst = rates.reduce((w, r, i) => r !== null && (w === null || r < (rates[w] ?? Infinity)) ? i : w, null);
+	return /* @__PURE__ */ jsxs("figure", {
+		"data-rendra": resolveCatalogCode("Chart", { type: "funnel" }),
+		className: cn("flex min-w-0 flex-col items-center", className),
+		"aria-label": aria["aria-label"],
+		children: [
+			/* @__PURE__ */ jsx("ol", {
+				className: "flex w-full flex-col items-center",
+				children: stages.map((s, i) => {
+					const rate = rates[i];
+					return /* @__PURE__ */ jsxs("li", {
+						className: "flex w-full flex-col items-center",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex h-16 w-full flex-col items-center justify-center bg-fill text-sidebar-foreground clip-trapezoid",
+							style: {
+								"--top": width(i).toFixed(4),
+								"--bottom": width(i + 1).toFixed(4),
+								"--fill": fill(i)
+							},
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "text-lg leading-tight font-semibold tabular-nums",
+								children: valueFormatter(s.value)
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-xs",
+								children: s.label
+							})]
+						}), rate != null && /* @__PURE__ */ jsxs("p", {
+							className: "flex items-center gap-1 py-1 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ jsx(ArrowDown, {
+									className: "size-3",
+									"aria-hidden": true
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "font-semibold text-foreground tabular-nums",
+									children: pct(rate)
+								}),
+								/* @__PURE__ */ jsx("span", { children: "para a próxima etapa" }),
+								i === worst && n > 2 && /* @__PURE__ */ jsx("span", {
+									className: "font-semibold text-destructive-soft-foreground",
+									children: "· Maior queda"
+								})
+							]
+						})]
+					}, s.label);
+				})
+			}),
+			n > 1 && last && /* @__PURE__ */ jsxs("p", {
+				className: "flex items-center gap-1 pt-2 text-sm text-muted-foreground",
+				children: [
+					/* @__PURE__ */ jsx(ArrowDown, {
+						className: "size-icon-sm",
+						"aria-hidden": true
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "font-semibold text-foreground tabular-nums",
+						children: pct(last.value / top * 100)
+					}),
+					"de conversão total do funil"
+				]
+			}),
+			/* @__PURE__ */ jsx("figcaption", {
+				className: "sr-only",
+				children: aria["aria-label"]
+			})
+		]
+	});
+}
+function Cartesian({ type, data, xKey, series, stacked, colorByCategory, valueFormatter = fmtDefault, height = "md", listThreshold = 8, className, ...aria }) {
+	const { isMobile } = useBreakpoint();
+	const [asList, setAsList] = useState(false);
+	const [animate, setAnimate] = useState(() => !window.matchMedia?.("(prefers-reduced-motion: reduce)").matches);
+	const firstWidth = useRef(null);
+	const onResize = (width) => {
+		if (firstWidth.current === null) firstWidth.current = width;
+		else if (Math.abs(width - firstWidth.current) > 1) setAnimate(false);
+	};
+	const canList = isMobile && data.length > listThreshold;
+	const showList = canList && asList;
+	const colors = series.map((s, i) => colorVar(s.color ?? i + 1));
+	const axis = {
+		stroke: "var(--rendra-muted-foreground)",
+		fontSize: 12,
+		tickLine: false,
+		axisLine: false
+	};
+	const tooltip = /* @__PURE__ */ jsx(Tooltip, {
+		cursor: {
+			fill: "var(--rendra-muted)",
+			stroke: "var(--rendra-border)"
+		},
+		formatter: (v) => valueFormatter(Number(v)),
+		contentStyle: {
+			background: "var(--rendra-popover)",
+			border: "1px solid var(--rendra-border)",
+			borderRadius: "var(--rendra-shape-control)",
+			color: "var(--rendra-popover-foreground)",
+			fontSize: 12
+		}
+	});
+	const legend = /* @__PURE__ */ jsx(Legend, {
+		verticalAlign: "bottom",
+		iconType: "circle",
+		iconSize: 8,
+		wrapperStyle: {
+			fontSize: 12,
+			paddingTop: 12
+		}
+	});
+	const common = {
+		data,
+		margin: {
+			top: 8,
+			right: 8,
+			left: isMobile ? -16 : 0,
+			bottom: 0
+		}
+	};
+	const xAxis = /* @__PURE__ */ jsx(XAxis, {
+		dataKey: xKey,
+		...axis,
+		interval: "preserveStartEnd",
+		minTickGap: isMobile ? 24 : 12
+	});
+	const yAxis = /* @__PURE__ */ jsx(YAxis, {
+		...axis,
+		width: isMobile ? 72 : 80,
+		tickCount: isMobile ? 3 : 5,
+		interval: 0,
+		allowDecimals: false,
+		tickFormatter: (v) => valueFormatter(Number(v))
+	});
+	const grid = /* @__PURE__ */ jsx(CartesianGrid, {
+		vertical: false,
+		stroke: "var(--rendra-border)",
+		strokeDasharray: "3 3"
+	});
+	const bar = (s, i, lastBar) => /* @__PURE__ */ jsx(Bar, {
+		dataKey: s.key,
+		name: s.label,
+		fill: colors[i],
+		stackId: stacked ? "pilha" : void 0,
+		radius: !stacked || lastBar ? [
+			4,
+			4,
+			0,
+			0
+		] : [
+			0,
+			0,
+			0,
+			0
+		],
+		maxBarSize: 40,
+		isAnimationActive: animate,
+		children: colorByCategory && data.map((_, j) => /* @__PURE__ */ jsx(Cell, { fill: colorVar(j + 1) }, j))
+	}, s.key);
+	let chart;
+	if (type === "pie") {
+		const s = series[0];
+		chart = /* @__PURE__ */ jsxs(PieChart, { children: [
+			/* @__PURE__ */ jsx(Pie, {
+				data,
+				dataKey: s?.key ?? "",
+				nameKey: xKey,
+				innerRadius: "55%",
+				outerRadius: "85%",
+				paddingAngle: 2,
+				stroke: "var(--rendra-card)",
+				isAnimationActive: animate,
+				children: data.map((_, i) => /* @__PURE__ */ jsx(Cell, { fill: colorVar(i + 1) }, i))
+			}),
+			tooltip,
+			legend
+		] });
+	} else if (type === "bar") chart = /* @__PURE__ */ jsxs(BarChart, {
+		...common,
+		children: [
+			grid,
+			xAxis,
+			yAxis,
+			tooltip,
+			series.length > 1 && legend,
+			series.map((s, i) => bar(s, i, i === series.length - 1))
+		]
+	});
+	else if (type === "combo") {
+		const bars = series.filter((s) => (s.kind ?? "bar") === "bar");
+		chart = /* @__PURE__ */ jsxs(ComposedChart, {
+			...common,
+			children: [
+				grid,
+				xAxis,
+				yAxis,
+				tooltip,
+				legend,
+				series.map((s, i) => (s.kind ?? "bar") === "bar" ? bar(s, i, s.key === bars[bars.length - 1]?.key) : /* @__PURE__ */ jsx(Line, {
+					type: "monotone",
+					dataKey: s.key,
+					name: s.label,
+					stroke: colors[i],
+					strokeWidth: 2,
+					dot: {
+						r: 3,
+						fill: colors[i],
+						strokeWidth: 0
+					},
+					activeDot: { r: 5 },
+					isAnimationActive: animate
+				}, s.key))
+			]
+		});
+	} else if (type === "area") chart = /* @__PURE__ */ jsxs(AreaChart, {
+		...common,
+		children: [
+			/* @__PURE__ */ jsx("defs", { children: series.map((s, i) => /* @__PURE__ */ jsxs("linearGradient", {
+				id: `area-${s.key}`,
+				x1: "0",
+				y1: "0",
+				x2: "0",
+				y2: "1",
+				children: [/* @__PURE__ */ jsx("stop", {
+					offset: "0%",
+					stopColor: colors[i],
+					stopOpacity: .3
+				}), /* @__PURE__ */ jsx("stop", {
+					offset: "100%",
+					stopColor: colors[i],
+					stopOpacity: 0
+				})]
+			}, s.key)) }),
+			grid,
+			xAxis,
+			yAxis,
+			tooltip,
+			series.length > 1 && legend,
+			series.map((s, i) => /* @__PURE__ */ jsx(Area, {
+				type: "monotone",
+				dataKey: s.key,
+				name: s.label,
+				stroke: colors[i],
+				strokeWidth: 2,
+				fill: `url(#area-${s.key})`,
+				isAnimationActive: animate
+			}, s.key))
+		]
+	});
+	else chart = /* @__PURE__ */ jsxs(LineChart, {
+		...common,
+		children: [
+			grid,
+			xAxis,
+			yAxis,
+			tooltip,
+			series.length > 1 && legend,
+			series.map((s, i) => /* @__PURE__ */ jsx(Line, {
+				type: "monotone",
+				dataKey: s.key,
+				name: s.label,
+				stroke: colors[i],
+				strokeWidth: 2,
+				dot: false,
+				activeDot: { r: 4 },
+				isAnimationActive: animate
+			}, s.key))
+		]
+	});
+	return /* @__PURE__ */ jsxs("figure", {
+		"data-rendra": resolveCatalogCode("Chart", { type }),
+		className: cn("flex min-w-0 flex-col gap-3", height === "fill" && "h-full", className),
+		"aria-label": aria["aria-label"],
+		children: [
+			canList && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				className: "self-end",
+				icon: asList ? /* @__PURE__ */ jsx(BarChart3, {}) : /* @__PURE__ */ jsx(List, {}),
+				onClick: () => setAsList((v) => !v),
+				children: asList ? "Ver gráfico" : "Ver como lista"
+			}),
+			showList ? /* @__PURE__ */ jsx("ul", {
+				className: "flex flex-col divide-y",
+				children: data.map((d) => /* @__PURE__ */ jsxs("li", {
+					className: "flex items-center justify-between gap-3 py-2 text-sm",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: String(d[xKey])
+					}), /* @__PURE__ */ jsx("span", {
+						className: "flex gap-3 font-medium tabular-nums",
+						children: series.map((s) => /* @__PURE__ */ jsx("span", { children: valueFormatter(Number(d[s.key])) }, s.key))
+					})]
+				}, String(d[xKey])))
+			}) : /* @__PURE__ */ jsx("div", {
+				className: cn("w-full", height === "fill" ? "min-h-chart-sm flex-1" : height === "sm" ? "h-chart-sm" : "h-chart-md"),
+				children: /* @__PURE__ */ jsx(ResponsiveContainer, {
+					width: "100%",
+					height: "100%",
+					onResize,
+					children: chart
+				})
+			}),
+			/* @__PURE__ */ jsx("figcaption", {
+				className: "sr-only",
+				children: aria["aria-label"]
+			})
+		]
+	});
+}
+//#endregion
+export { Chart };
+
+//# sourceMappingURL=chart.js.map

package/dist/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","names":[],"sources":["../src/components/ui/chart.tsx"],"sourcesContent":["import { ArrowDown, BarChart3, List as ListIcon } from 'lucide-react'\nimport { useId, useRef, useState, type CSSProperties } from 'react'\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  ComposedChart,\n  Legend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts'\nimport { resolveCatalogCode } from '@/catalog/components'\nimport { Button } from '@/components/ui/button'\nimport { useBreakpoint } from '@/hooks/use-breakpoint'\nimport { cn } from '@/lib/cn'\n\n/*\n * Gráfico único do sistema. O tipo é a prop type, nunca um componente novo:\n *   line, area, bar, pie   séries sobre categorias (Recharts)\n *   combo                  barras e linhas juntas (ex.: receita em barras e meta em linha)\n *   gauge                  velocímetro de meta: valor, máximo, meta e faixas de cor\n *   funnel                 funil de etapas com a taxa de conversão entre elas\n * Cores sempre do template (--chart-1 a --chart-5). Mobile: legenda abaixo, eixos\n * simplificados, lista de valores quando há muitos pontos; o funil empilha rótulo e barra.\n */\n\nexport interface ChartSeries {\n  /** Chave no objeto de dados. */\n  key: string\n  label: string\n  /** Índice da cor do template (1 a 5). Padrão: na ordem das séries. */\n  color?: 1 | 2 | 3 | 4 | 5\n  /** No type=\"combo\": desenha a série como barra (padrão) ou linha. */\n  kind?: 'bar' | 'line'\n}\n\ninterface BaseProps {\n  valueFormatter?: (n: number) => string\n  /** Altura: sm (12rem), md (16rem) ou fill (a altura do contêiner, como num widget). */\n  height?: 'sm' | 'md' | 'fill'\n  'aria-label': string\n  className?: string\n}\n\nexport interface CartesianChartProps extends BaseProps {\n  type: 'line' | 'bar' | 'area' | 'pie' | 'combo'\n  data: Record<string, string | number>[]\n  /** Chave da categoria (eixo X ou fatias da pizza). */\n  xKey: string\n  series: ChartSeries[]\n  /** Barras empilhadas (bar e combo). */\n  stacked?: boolean\n  /** Barra de uma série só com uma cor por categoria. */\n  colorByCategory?: boolean\n  /** Acima deste número de pontos, o mobile oferece ver como lista. */\n  listThreshold?: number\n}\n\nexport interface GaugeZone {\n  /** Fim da faixa, de 0 a 1 do máximo. */\n  to: number\n  tone: 'error' | 'warning' | 'success' | 'primary' | 'neutral'\n}\n\nexport interface GaugeChartProps extends BaseProps {\n  type: 'gauge'\n  value: number\n  max: number\n  min?: number\n  /** Meta: marcada no arco e usada no percentual atingido. */\n  target?: number\n  /** Faixas de cor do arco. Padrão: vermelho até 60%, amarelo até 90%, verde até o fim. */\n  zones?: GaugeZone[]\n  /** Texto abaixo do valor (ex.: \"Receita do mês\"). */\n  label?: string\n}\n\nexport interface FunnelStage {\n  label: string\n  value: number\n}\n\nexport interface FunnelChartProps extends BaseProps {\n  type: 'funnel'\n  stages: FunnelStage[]\n}\n\nexport type ChartProps = CartesianChartProps | GaugeChartProps | FunnelChartProps\n\n// Lê as variáveis do tema direto (as --color-* do Tailwind são inline e não existem no CSS).\nconst palette = [\n  '--rendra-chart-1',\n  '--rendra-chart-2',\n  '--rendra-chart-3',\n  '--rendra-chart-4',\n  '--rendra-chart-5',\n  '--rendra-ring',\n]\nconst colorVar = (i: number) => `var(${palette[(i - 1) % palette.length]})`\nconst fmtDefault = (n: number) => n.toLocaleString('pt-BR')\nconst pct = (n: number) =>\n  `${n.toLocaleString('pt-BR', { minimumFractionDigits: 1, maximumFractionDigits: 1 })}%`\n\nexport function Chart(props: ChartProps) {\n  if (props.type === 'gauge') return <Gauge {...props} />\n  if (props.type === 'funnel') return <Funnel {...props} />\n  return <Cartesian {...props} />\n}\n\n/* ================================================================ velocímetro */\n\nconst defaultZones: GaugeZone[] = [\n  { to: 0.6, tone: 'error' },\n  { to: 0.9, tone: 'warning' },\n  { to: 1, tone: 'success' },\n]\n\nconst zoneBadge: Record<GaugeZone['tone'], string> = {\n  error: 'bg-destructive-soft text-destructive-soft-foreground',\n  warning: 'bg-warning-soft text-warning-soft-foreground',\n  success: 'bg-success-soft text-success-soft-foreground',\n  primary: 'bg-primary-soft text-primary-soft-foreground',\n  neutral: 'bg-muted text-foreground',\n}\nconst zoneText: Record<GaugeZone['tone'], string> = {\n  error: 'Abaixo da meta',\n  warning: 'Atenção',\n  success: 'No verde',\n  primary: 'Em andamento',\n  neutral: 'Em andamento',\n}\n\n// Meio círculo (180°), da esquerda para a direita por cima, centro em (120, 120), raio 100.\nconst CX = 120\nconst CY = 120\nconst R = 100\nconst point = (frac: number, r = R) => {\n  const a = Math.PI * (1 - frac)\n  return [CX + r * Math.cos(a), CY - r * Math.sin(a)] as const\n}\nconst arc = (from: number, to: number, r = R) => {\n  const [x1, y1] = point(from, r)\n  const [x2, y2] = point(to, r)\n  return `M ${x1.toFixed(2)} ${y1.toFixed(2)} A ${r} ${r} 0 0 1 ${x2.toFixed(2)} ${y2.toFixed(2)}`\n}\n\nfunction Gauge({\n  value,\n  max,\n  min = 0,\n  target,\n  zones = defaultZones,\n  label,\n  valueFormatter = fmtDefault,\n  className,\n  ...aria\n}: GaugeChartProps) {\n  const range = Math.max(1, max - min)\n  const clamp = (n: number) => Math.min(1, Math.max(0, n))\n  // Com meta, o ponteiro mostra o percentual da meta (100% = meta batida); sem meta, do máximo.\n  const reached = target ? (value / target) * 100 : null\n  const frac = reached !== null ? clamp(reached / 100) : clamp((value - min) / range)\n  const zone = zones.find((z) => frac <= z.to) ?? zones[zones.length - 1]\n  const tone = zone?.tone ?? 'primary'\n  const gradientId = useId()\n  const [ex, ey] = point(frac, R - 26)\n\n  return (\n    <figure\n      data-rendra={resolveCatalogCode('Chart', { type: 'gauge' })}\n      className={cn('flex min-w-0 flex-col items-center gap-2', className)}\n      aria-label={aria['aria-label']}\n    >\n      <div\n        role=\"meter\"\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={Math.round(frac * 100)}\n        aria-valuetext={`${reached !== null ? `${pct(reached)} da meta` : valueFormatter(value)}, ${zoneText[tone]}`}\n        aria-label={aria['aria-label']}\n        className=\"w-full max-w-xs\"\n      >\n        <svg viewBox=\"0 0 240 140\" className=\"w-full\" aria-hidden>\n          <defs>\n            {/* Degradê contínuo: vermelho, laranja, amarelo e verde */}\n            <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n              <stop offset=\"0%\" stopColor=\"var(--rendra-meter-low)\" />\n              <stop\n                offset=\"38%\"\n                stopColor=\"color-mix(in oklab, var(--rendra-meter-low), var(--rendra-meter-mid))\"\n              />\n              <stop offset=\"62%\" stopColor=\"var(--rendra-meter-mid)\" />\n              <stop offset=\"100%\" stopColor=\"var(--rendra-meter-high)\" />\n            </linearGradient>\n          </defs>\n          <path\n            d={arc(0, 1)}\n            fill=\"none\"\n            stroke={`url(#${gradientId})`}\n            strokeWidth={20}\n            strokeLinecap=\"round\"\n          />\n          {/* Ponteiro fino, do centro até perto do arco */}\n          <line\n            x1={CX}\n            y1={CY}\n            x2={ex}\n            y2={ey}\n            stroke=\"var(--rendra-foreground)\"\n            strokeWidth={4}\n            strokeLinecap=\"round\"\n            className=\"transition-all duration-700\"\n          />\n          <circle cx={CX} cy={CY} r={9} fill=\"var(--rendra-foreground)\" />\n          <circle cx={CX} cy={CY} r={4} fill=\"var(--rendra-card)\" />\n          <text\n            x={point(0)[0]}\n            y={CY + 18}\n            textAnchor=\"middle\"\n            fontSize={11}\n            fill=\"var(--rendra-muted-foreground)\"\n          >\n            0%\n          </text>\n          <text\n            x={point(1)[0]}\n            y={CY + 18}\n            textAnchor=\"middle\"\n            fontSize={11}\n            fill=\"var(--rendra-muted-foreground)\"\n          >\n            100%\n          </text>\n        </svg>\n      </div>\n      <div className=\"flex flex-col items-center gap-1 text-center\">\n        <span className=\"text-3xl font-semibold tabular-nums\">\n          {reached !== null ? `${Math.round(reached)}%` : valueFormatter(value)}\n        </span>\n        {label && <span className=\"text-sm font-medium\">{label}</span>}\n        {target !== undefined && (\n          <span className=\"flex flex-col text-sm text-muted-foreground tabular-nums\">\n            <span>Meta: {valueFormatter(target)}</span>\n            <span>Realizado: {valueFormatter(value)}</span>\n          </span>\n        )}\n        <span className={cn('mt-1 rounded-full px-3 py-1 text-xs font-semibold', zoneBadge[tone])}>\n          {zoneText[tone]}\n        </span>\n      </div>\n      <figcaption className=\"sr-only\">{aria['aria-label']}</figcaption>\n    </figure>\n  )\n}\n\n/* ================================================================ funil */\n\nfunction Funnel({ stages, valueFormatter = fmtDefault, className, ...aria }: FunnelChartProps) {\n  const n = stages.length\n  const top = stages[0]?.value || 1\n  const last = stages[n - 1]\n  // Afunila por igual, de 100% a 46% da largura, como um funil de verdade.\n  const width = (i: number) => 1 - (i / Math.max(1, n)) * 0.54\n  // Da primária ao sucesso, escurecido com o tom da sidebar: o texto claro passa AA.\n  const fill = (i: number) => {\n    const p = n > 1 ? Math.round(100 - (i / (n - 1)) * 100) : 100\n    return `color-mix(in oklab, color-mix(in oklab, var(--rendra-primary) ${p}%, var(--rendra-success)) 58%, var(--rendra-sidebar))`\n  }\n  const rates = stages.map((s, i) => {\n    const next = stages[i + 1]\n    return next && s.value > 0 ? (next.value / s.value) * 100 : null\n  })\n  const worst = rates.reduce<number | null>(\n    (w, r, i) => (r !== null && (w === null || r < (rates[w] ?? Infinity)) ? i : w),\n    null,\n  )\n\n  return (\n    <figure\n      data-rendra={resolveCatalogCode('Chart', { type: 'funnel' })}\n      className={cn('flex min-w-0 flex-col items-center', className)}\n      aria-label={aria['aria-label']}\n    >\n      <ol className=\"flex w-full flex-col items-center\">\n        {stages.map((s, i) => {\n          const rate = rates[i]\n          return (\n            <li key={s.label} className=\"flex w-full flex-col items-center\">\n              <div\n                className=\"flex h-16 w-full flex-col items-center justify-center bg-fill text-sidebar-foreground clip-trapezoid\"\n                style={\n                  {\n                    '--top': width(i).toFixed(4),\n                    '--bottom': width(i + 1).toFixed(4),\n                    '--fill': fill(i),\n                  } as CSSProperties\n                }\n              >\n                <span className=\"text-lg leading-tight font-semibold tabular-nums\">\n                  {valueFormatter(s.value)}\n                </span>\n                <span className=\"text-xs\">{s.label}</span>\n              </div>\n              {rate != null && (\n                <p className=\"flex items-center gap-1 py-1 text-xs text-muted-foreground\">\n                  <ArrowDown className=\"size-3\" aria-hidden />\n                  <span className=\"font-semibold text-foreground tabular-nums\">{pct(rate)}</span>\n                  <span>para a próxima etapa</span>\n                  {i === worst && n > 2 && (\n                    <span className=\"font-semibold text-destructive-soft-foreground\">\n                      · Maior queda\n                    </span>\n                  )}\n                </p>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n      {n > 1 && last && (\n        <p className=\"flex items-center gap-1 pt-2 text-sm text-muted-foreground\">\n          <ArrowDown className=\"size-icon-sm\" aria-hidden />\n          <span className=\"font-semibold text-foreground tabular-nums\">\n            {pct((last.value / top) * 100)}\n          </span>\n          de conversão total do funil\n        </p>\n      )}\n      <figcaption className=\"sr-only\">{aria['aria-label']}</figcaption>\n    </figure>\n  )\n}\n\n/* ================================================================ séries (Recharts) */\n\nfunction Cartesian({\n  type,\n  data,\n  xKey,\n  series,\n  stacked,\n  colorByCategory,\n  valueFormatter = fmtDefault,\n  height = 'md',\n  listThreshold = 8,\n  className,\n  ...aria\n}: CartesianChartProps) {\n  const { isMobile } = useBreakpoint()\n  const [asList, setAsList] = useState(false)\n  // Anima só a entrada. Se a largura muda depois (barra de rolagem que aparece, janela\n  // redimensionada), o gráfico vai direto à nova forma, sem desenhar fora do card no meio do\n  // caminho. Com \"reduzir movimento\" no sistema, não anima.\n  const [animate, setAnimate] = useState(\n    () => !window.matchMedia?.('(prefers-reduced-motion: reduce)').matches,\n  )\n  const firstWidth = useRef<number | null>(null)\n  const onResize = (width: number) => {\n    if (firstWidth.current === null) firstWidth.current = width\n    else if (Math.abs(width - firstWidth.current) > 1) setAnimate(false)\n  }\n  const canList = isMobile && data.length > listThreshold\n  const showList = canList && asList\n  const colors = series.map((s, i) => colorVar(s.color ?? i + 1))\n\n  const axis = {\n    stroke: 'var(--rendra-muted-foreground)',\n    fontSize: 12,\n    tickLine: false,\n    axisLine: false,\n  }\n  const tooltip = (\n    <Tooltip\n      cursor={{ fill: 'var(--rendra-muted)', stroke: 'var(--rendra-border)' }}\n      formatter={(v) => valueFormatter(Number(v))}\n      contentStyle={{\n        background: 'var(--rendra-popover)',\n        border: '1px solid var(--rendra-border)',\n        borderRadius: 'var(--rendra-shape-control)',\n        color: 'var(--rendra-popover-foreground)',\n        fontSize: 12,\n      }}\n    />\n  )\n  const legend = (\n    <Legend\n      verticalAlign=\"bottom\"\n      iconType=\"circle\"\n      iconSize={8}\n      wrapperStyle={{ fontSize: 12, paddingTop: 12 }}\n    />\n  )\n  const common = { data, margin: { top: 8, right: 8, left: isMobile ? -16 : 0, bottom: 0 } }\n  const xAxis = (\n    <XAxis dataKey={xKey} {...axis} interval=\"preserveStartEnd\" minTickGap={isMobile ? 24 : 12} />\n  )\n  const yAxis = (\n    <YAxis\n      {...axis}\n      width={isMobile ? 72 : 80}\n      tickCount={isMobile ? 3 : 5}\n      // Mostra todas as marcas calculadas (o padrão do Recharts some com algumas).\n      interval={0}\n      allowDecimals={false}\n      tickFormatter={(v) => valueFormatter(Number(v))}\n    />\n  )\n  const grid = (\n    <CartesianGrid vertical={false} stroke=\"var(--rendra-border)\" strokeDasharray=\"3 3\" />\n  )\n  const bar = (s: ChartSeries, i: number, lastBar: boolean) => (\n    <Bar\n      key={s.key}\n      dataKey={s.key}\n      name={s.label}\n      fill={colors[i]}\n      stackId={stacked ? 'pilha' : undefined}\n      // Empilhadas: só a barra de cima tem os cantos arredondados.\n      radius={!stacked || lastBar ? [4, 4, 0, 0] : [0, 0, 0, 0]}\n      maxBarSize={40}\n      isAnimationActive={animate}\n    >\n      {colorByCategory && data.map((_, j) => <Cell key={j} fill={colorVar(j + 1)} />)}\n    </Bar>\n  )\n\n  let chart\n  if (type === 'pie') {\n    const s = series[0]\n    chart = (\n      <PieChart>\n        <Pie\n          data={data}\n          dataKey={s?.key ?? ''}\n          nameKey={xKey}\n          innerRadius=\"55%\"\n          outerRadius=\"85%\"\n          paddingAngle={2}\n          stroke=\"var(--rendra-card)\"\n          isAnimationActive={animate}\n        >\n          {data.map((_, i) => (\n            <Cell key={i} fill={colorVar(i + 1)} />\n          ))}\n        </Pie>\n        {tooltip}\n        {legend}\n      </PieChart>\n    )\n  } else if (type === 'bar') {\n    chart = (\n      <BarChart {...common}>\n        {grid}\n        {xAxis}\n        {yAxis}\n        {tooltip}\n        {series.length > 1 && legend}\n        {series.map((s, i) => bar(s, i, i === series.length - 1))}\n      </BarChart>\n    )\n  } else if (type === 'combo') {\n    const bars = series.filter((s) => (s.kind ?? 'bar') === 'bar')\n    chart = (\n      <ComposedChart {...common}>\n        {grid}\n        {xAxis}\n        {yAxis}\n        {tooltip}\n        {legend}\n        {series.map((s, i) =>\n          (s.kind ?? 'bar') === 'bar' ? (\n            bar(s, i, s.key === bars[bars.length - 1]?.key)\n          ) : (\n            <Line\n              key={s.key}\n              type=\"monotone\"\n              dataKey={s.key}\n              name={s.label}\n              stroke={colors[i]}\n              strokeWidth={2}\n              dot={{ r: 3, fill: colors[i], strokeWidth: 0 }}\n              activeDot={{ r: 5 }}\n              isAnimationActive={animate}\n            />\n          ),\n        )}\n      </ComposedChart>\n    )\n  } else if (type === 'area') {\n    chart = (\n      <AreaChart {...common}>\n        <defs>\n          {series.map((s, i) => (\n            <linearGradient key={s.key} id={`area-${s.key}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stopColor={colors[i]} stopOpacity={0.3} />\n              <stop offset=\"100%\" stopColor={colors[i]} stopOpacity={0} />\n            </linearGradient>\n          ))}\n        </defs>\n        {grid}\n        {xAxis}\n        {yAxis}\n        {tooltip}\n        {series.length > 1 && legend}\n        {series.map((s, i) => (\n          <Area\n            key={s.key}\n            type=\"monotone\"\n            dataKey={s.key}\n            name={s.label}\n            stroke={colors[i]}\n            strokeWidth={2}\n            fill={`url(#area-${s.key})`}\n            isAnimationActive={animate}\n          />\n        ))}\n      </AreaChart>\n    )\n  } else {\n    chart = (\n      <LineChart {...common}>\n        {grid}\n        {xAxis}\n        {yAxis}\n        {tooltip}\n        {series.length > 1 && legend}\n        {series.map((s, i) => (\n          <Line\n            key={s.key}\n            type=\"monotone\"\n            dataKey={s.key}\n            name={s.label}\n            stroke={colors[i]}\n            strokeWidth={2}\n            dot={false}\n            activeDot={{ r: 4 }}\n            isAnimationActive={animate}\n          />\n        ))}\n      </LineChart>\n    )\n  }\n\n  return (\n    <figure\n      data-rendra={resolveCatalogCode('Chart', { type })}\n      className={cn('flex min-w-0 flex-col gap-3', height === 'fill' && 'h-full', className)}\n      aria-label={aria['aria-label']}\n    >\n      {canList && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"self-end\"\n          icon={asList ? <BarChart3 /> : <ListIcon />}\n          onClick={() => setAsList((v) => !v)}\n        >\n          {asList ? 'Ver gráfico' : 'Ver como lista'}\n        </Button>\n      )}\n      {showList ? (\n        <ul className=\"flex flex-col divide-y\">\n          {data.map((d) => (\n            <li\n              key={String(d[xKey])}\n              className=\"flex items-center justify-between gap-3 py-2 text-sm\"\n            >\n              <span className=\"text-muted-foreground\">{String(d[xKey])}</span>\n              <span className=\"flex gap-3 font-medium tabular-nums\">\n                {series.map((s) => (\n                  <span key={s.key}>{valueFormatter(Number(d[s.key]))}</span>\n                ))}\n              </span>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <div\n          className={cn(\n            'w-full',\n            height === 'fill'\n              ? 'min-h-chart-sm flex-1'\n              : height === 'sm'\n                ? 'h-chart-sm'\n                : 'h-chart-md',\n          )}\n        >\n          <ResponsiveContainer width=\"100%\" height=\"100%\" onResize={onResize}>\n            {chart}\n          </ResponsiveContainer>\n        </div>\n      )}\n      <figcaption className=\"sr-only\">{aria['aria-label']}</figcaption>\n    </figure>\n  )\n}\n"],"mappings":"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"}