/* ============================================================
Shared UI primitives — icons + small components
Exported to window for use across builder & sheet.
============================================================ */
const { useState, useRef, useEffect } = React;
/* ---- minimalist line icons ---- */
const Ic = {
check: (p)=>,
chevR: (p)=>,
chevL: (p)=>,
dice: (p)=>,
info: (p)=>,
sparkle:(p)=>,
reset: (p)=>,
sheet: (p)=>,
edit: (p)=>,
print: (p)=>,
shield: (p)=>,
heart: (p)=>,
book: (p)=>,
download: (p)=>,
upload: (p)=>,
};
const STEP_META = [
{ key:"class", label:"Class" },
{ key:"species", label:"Species" },
{ key:"background", label:"Background" },
{ key:"abilities", label:"Ability Scores" },
{ key:"skills", label:"Skills" },
{ key:"equipment", label:"Equipment" },
{ key:"spells", label:"Spells" },
{ key:"review", label:"Review" },
];
function StepHeader({ eyebrow, title, sub }){
return (
{eyebrow}
{title}
{sub &&
{sub}
}
);
}
function SectionCap({ children }){
return {children}
;
}
function OptionCard({ emblem, name, meta, blurb, tags, selected, onClick, noCheck }){
return (
);
}
function Chip({ label, on, disabled, dot, onClick }){
return (
);
}
function Callout({ children, amber }){
return ;
}
function Budget({ label, value, total, over }){
const pct = Math.max(0, Math.min(100, (value/total)*100));
return (
{label}
{value}
);
}
Object.assign(window, { Ic, STEP_META, StepHeader, SectionCap, OptionCard, Chip, Callout, Budget,
useState, useRef, useEffect });