// Shared UI atoms for the SME profile.
const { useState, useRef, useEffect, useCallback } = React;
// Fade + rise on scroll into view.
function Reveal({ children, delay = 0, y = 20, style, as = "div", ...rest }) {
const ref = useRef(null);
const [shown, setShown] = useState(false);
useEffect(() => {
const el = ref.current; if (!el) return;
let done = false; const show = () => { if (!done) { done = true; setShown(true); } };
if (window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) { show(); return; }
// Anything already in (or above) the first viewport reveals immediately.
if (el.getBoundingClientRect().top < window.innerHeight * 0.96) { show(); return; }
const io = new IntersectionObserver((es) => { if (es.some((e) => e.isIntersecting)) show(); }, { threshold: 0.1, rootMargin: "0px 0px 12% 0px" });
io.observe(el);
const t = setTimeout(show, 1600); // safety net so a section can never stay hidden
return () => { io.disconnect(); clearTimeout(t); };
}, []);
const Tag = as;
return (
{children}
);
}
function Eyebrow({ children, style }) {
return {children}
;
}
const Ico = {
check: (p = {}) => (),
star: (p = {}) => (),
arrow: (p = {}) => (),
copy: (p = {}) => (),
};
Object.assign(window, { Reveal, Eyebrow, Ico });