);
}
// ── Section number label ─────────────────────────────
function SectionNum({ n, label }) {
const num = String(n).padStart(2, '0');
return (
[ {num} ]{label}
);
}
// ── File-type icon — Arb brand "A" mark in an outlined box ─────
// Same brand glyph for every file kind (brand-assets/logos/logo-gold.svg).
// File type is already conveyed by the card's title + status label, so the
// icon's job is to read as "Arb document" at a glance.
function FileIcon({ kind, size = 28 }) {
const cls = `ft-${kind.toLowerCase()}`;
const glyph = Math.round(size * 0.62);
return (
);
}
// ── Watermark layer ──────────────────────────────────
function Watermark({ email }) {
if (!email) return null;
const lines = [];
// Stagger pattern
for (let r = -1; r < 14; r++) {
for (let c = -1; c < 8; c++) {
const offsetX = (r % 2 === 0 ? 0 : 180);
lines.push(
{email} · CONFIDENTIAL · ARB_CAPITAL_DATAROOM
);
}
}
return
{lines}
;
}
// ── Sparkline ────────────────────────────────────────
function Sparkline({ data, width = 80, height = 24, color = 'currentColor' }) {
const max = Math.max(...data);
const min = Math.min(...data);
const range = max - min || 1;
const pts = data.map((d, i) => {
const x = (i / (data.length - 1)) * width;
const y = height - ((d - min) / range) * height;
return `${x.toFixed(1)},${y.toFixed(1)}`;
}).join(' ');
return (
);
}
// ── Heatmap dot row ──────────────────────────────────
function HeatRow({ values, height = 14 }) {
return (
{values.map((v, i) => (
))}
);
}
// Export to global scope for cross-file usage
Object.assign(window, {
ArbLogo, ArbWordmark, Brackets, SectionNum, FileIcon, Watermark, Sparkline, HeatRow,
});