;
return
{user.initials || user.nome?.[0]}
;
};
// ─── Pill ───
const Pill = ({children, tone='', live=false}) => (
{live && } {children}
);
// ─── Toast system ───
const ToastContext = createContext(null);
const ToastProvider = ({children}) => {
const [toasts, setToasts] = useState([]);
const push = useCallback((toast) => {
const id = Math.random().toString(36).slice(2);
setToasts(t => [...t, {...toast, id}]);
setTimeout(() => setToasts(t => t.filter(x => x.id !== id)), toast.duration || 4500);
return id;
}, []);
const dismiss = useCallback((id) => setToasts(t => t.filter(x => x.id !== id)), []);
return (
{children}
{toasts.map(toast => (
toast.action ? toast.action() : dismiss(toast.id)}>
{toast.icon &&
}
{toast.title &&
{toast.title}
}
{toast.body &&
{toast.body}
}
{toast.cta &&
}
))}
);
};
const useToast = () => useContext(ToastContext);
// ─── Animated number (ticking) ───
const TickNumber = ({value, duration=600, format=(v)=>Math.round(v)}) => {
const [display, setDisplay] = useState(value);
const fromRef = useRef(value);
const startRef = useRef(performance.now());
useEffect(() => {
fromRef.current = display;
startRef.current = performance.now();
const target = value;
let raf;
const tick = (now) => {
const t = Math.min(1, (now - startRef.current) / duration);
const eased = 1 - Math.pow(1-t, 3);
const v = fromRef.current + (target - fromRef.current) * eased;
setDisplay(v);
if (t < 1) raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [value]);
return <>{format(display)};
};
// ─── Time helpers ───
const fmtRelative = (mins, lang='pt') => {
if (mins < 1) return lang==='pt' ? 'agora' : 'now';
if (mins < 60) return (lang==='pt' ? 'há ' : '') + Math.round(mins) + ' min' + (lang==='en' ? ' ago' : '');
return (lang==='pt' ? 'há ' : '') + Math.round(mins/60) + 'h' + (lang==='en' ? ' ago' : '');
};
const fmtDate = (iso, lang='pt') => {
const d = new Date(iso); const today = new Date(); today.setHours(0,0,0,0); d.setHours(0,0,0,0);
const diff = (d - today) / 864e5;
if (diff === 0) return lang==='pt' ? 'hoje' : 'today';
if (diff === 1) return lang==='pt' ? 'amanhã' : 'tomorrow';
if (diff === -1) return lang==='pt' ? 'ontem' : 'yesterday';
const dowsPT = ['dom','seg','ter','qua','qui','sex','sáb'];
const dowsEN = ['sun','mon','tue','wed','thu','fri','sat'];
if (diff > 0 && diff <= 7) return (lang==='pt'?dowsPT:dowsEN)[d.getDay()];
return d.toLocaleDateString(lang==='pt'?'pt-BR':'en-US', {day:'numeric', month:'short'});
};
const fmtDateLong = (iso, lang='pt') => new Date(iso).toLocaleDateString(lang==='pt'?'pt-BR':'en-US', {weekday:'long', day:'numeric', month:'long'});
// ─── Section header ───
const SectionH = ({eyebrow, title, em, meta, action}) => (
{eyebrow &&
{eyebrow}
}
{title}{em && {em}}
{meta &&
{meta}
}
{action}
);
// expose
Object.assign(window, {
Icon, Avatar, Pill, ToastProvider, useToast, TickNumber, useMobile, useSwipeToClose,
fmtRelative, fmtDate, fmtDateLong, SectionH, t, I18N,
LangContext, LangProvider, useT, can, canPost,
});