const EASE = 'cubic-bezier(0.2,0.7,0.2,1)';
const CADENCES = [{ id: 'daily', label: 'Daily' }, { id: 'mwf', label: 'Mon · Wed · Fri' }];
const cadenceLabel = (id) => (CADENCES.find(c => c.id === id) || {}).label || '—';
function Eyebrow({ children, invert = false }) {
return {children}
;
}
function StepHead({ eyebrow, title, lead }) {
const { isPhone } = window.useIsMobile();
return (
{eyebrow}
{title}
{lead ?
{lead}
: null}
);
}
function lum(hex) {
const c = hex.replace('#', '');
const v = [0, 2, 4].map(i => { const x = parseInt(c.substr(i, 2), 16) / 255; return x <= 0.03928 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4); });
return 0.2126 * v[0] + 0.7152 * v[1] + 0.0722 * v[2];
}
function TeamChip({ team, selected, disabled, onClick }) {
const light = lum(team.color) > 0.42;
const ink = light ? 'var(--syn-navy)' : '#FFFFFF';
return (
);
}
function OptionChip({ label, selected, onClick }) {
return (
);
}
function Toggle({ on, onChange, disabled, invert = false }) {
return (
);
}
function CadencePicker({ value, onChange, disabled }) {
return (
{CADENCES.map(c => {
const on = value === c.id;
return (
);
})}
);
}
function Panel({ children, muted = false, className, style = {} }) {
return {children}
;
}
function RowLabel({ dot, title, sub, ink, subInk }) {
return (
{dot ?
: null}
{title}
{sub ?
{sub}
: null}