// Shared atoms: Icon, Pill, Btn, Mono, MicroLabel, Divider, BrandMark
// All exported to window.
const ICONS = {
arrowRight: ,
arrowUpRight: ,
download: <>,
github: ,
linkedin: <>,
mail: <>,
mapPin: <>,
fileText: <>,
database: <>,
flask: <>,
dna: <>,
leaf: <>,
chart: <>,
thermometer: ,
droplet: ,
search: <>,
check: ,
x: ,
menu: ,
};
function Icon({ name, size = 16, stroke = 1.5, style }) {
const path = ICONS[name];
if (!path) return null;
return (
);
}
function Pill({ children, variant = 'neutral', dot = false }) {
return {dot && }{children};
}
function Btn({ children, variant = 'primary', icon, onClick, href, ...rest }) {
const cls = `btn btn-${variant}`;
const inner = <>{children}{icon && };
if (href) return {inner};
return ;
}
function Mono({ children, style }) {
return {children};
}
function MicroLabel({ children, accent = false }) {
return {children}
;
}
function Divider() {
return ;
}
function BrandMark({ size = 28 }) {
// CL monogram
return (
);
}
function LeafMark({ size = 64, opacity = 0.6 }) {
return (
);
}
/* A small "Fig. 1" style scientific panel — three stacked time-series tracks
echoing Cassio's actual NASA GISS / USDA SCAN figures. */
function FigurePanel() {
return (
FIG. 1
Co-occurrence of heat & drought · USDA SCAN · 2021
);
}
Object.assign(window, { Icon, Pill, Btn, Mono, MicroLabel, Divider, BrandMark, LeafMark, FigurePanel });