setErr(true)} style={{ opacity: 0, width: '100%', height: '100%' }} />
{children}
;
}
// bottom sheet / modal
function Sheet({ open, onClose, children, modal = false, maxW }) {
const onCloseRef = useRef(onClose);
onCloseRef.current = onClose;
useEffect(() => {
if (!open) return;
// empurra uma entrada de history ao abrir: o "Voltar" do sistema (Android standalone) FECHA o modal
// em vez de navegar/sair. pushState sem mexer no hash NÃO dispara o router (que ouve só hashchange).
let pushed = false;
try { history.pushState({ sheet: true }, ''); pushed = true; } catch (e) {}
const onPop = () => { pushed = false; onCloseRef.current(); };
const onKey = (e) => { if (e.key === 'Escape') onCloseRef.current(); };
window.addEventListener('popstate', onPop);
document.addEventListener('keydown', onKey);
// trava o scroll do container real (.scroll), não só o body — na moldura mobile o
// scroll vive no .scroll/wrapper, então travar só o body não impede o fundo de rolar.
const scroller = document.querySelector('.scroll');
const prevBodyOverflow = document.body.style.overflow;
const prevScrollerOverflow = scroller ? scroller.style.overflow : '';
document.body.style.overflow = 'hidden';
if (scroller) scroller.style.overflow = 'hidden';
return () => {
window.removeEventListener('popstate', onPop);
document.removeEventListener('keydown', onKey);
document.body.style.overflow = prevBodyOverflow;
if (scroller) scroller.style.overflow = prevScrollerOverflow;
// fechamento por scrim/X/Escape (não pelo Voltar): consome a entrada extra para não poluir o history
if (pushed && history.state && history.state.sheet) history.back();
};
}, [open]);
if (!open) return null;
const overlay = (