/* ============================================================
ICONOS (Lucide, stroke 1.75) + ÁTOMOS UI compartidos
============================================================ */
function Ico({ d, size = 16, sw = 1.75, fill = "none" }) {
return (
);
}
const ICONS = {
refresh: <>,
chevron: ,
check: ,
up: ,
down: ,
wallet: <>,
target: <>,
tag: <>,
eye: <>,
trend: <>,
trophy: <>,
alert: <>,
inbox: <>,
filter: ,
x: ,
layers: <>,
bars: <>,
calendar: <>,
pause: <>,
spark: ,
google: <>,
};
function Delta({ factor, invert = false, neutral = false }) {
const pct = (factor - 1) * 100;
const isUp = pct >= 0;
const good = invert ? !isUp : isUp;
const cls = neutral ? "muted" : Math.abs(pct) < 0.05 ? "muted" : good ? "up" : "down";
return (
{Math.abs(pct).toFixed(1).replace(".", ",")}%
);
}
function Sem({ cpl, withText = true, pill = false }) {
const s = salud(cpl);
if (pill) {
return (
{s.label}
);
}
return (
{withText && {s.label}}
);
}
function EstadoChip({ estado }) {
const activa = estado === "Activa" || estado === "Activo";
return (
{estado}
);
}
// Leyenda actualizada con los umbrales del cliente
function SaludLegend() {
return (
< $100 Saludable
$100–$250 Atención
> $250 Crítico
);
}
Object.assign(window, { Ico, ICONS, Delta, Sem, EstadoChip, SaludLegend });