/* Visimed — shared icons and primitives */
const Logo = ({ size = 28 }) => (
);
const Icon = {
ArrowRight: (props) => (
),
Check: (props) => (
),
CheckBold: (props) => (
),
Bolt: (props) => (
),
Users: (props) => (
),
Clock: (props) => (
),
Network: (props) => (
),
Database: (props) => (
),
Hub: (props) => (
),
Doc: (props) => (
),
Mail: (props) => (
),
Pin: (props) => (
),
Play: (props) => (
),
Sparkle: (props) => (
),
};
// Reveal-on-scroll wrapper
const Reveal = ({ children, delay = 0, as: Tag = "div", ...rest }) => {
const ref = React.useRef(null);
const [visible, setVisible] = React.useState(false);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
// Eager fallback — if IO never fires (some sandbox iframes), reveal anyway.
const fallback = setTimeout(() => setVisible(true), 600 + delay);
let io;
try {
io = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
clearTimeout(fallback);
setTimeout(() => setVisible(true), delay);
io.disconnect();
}
});
},
{ threshold: 0.08, rootMargin: "0px 0px -10% 0px" }
);
io.observe(el);
// If element is already in viewport at mount (e.g. hero), trigger immediately
const r = el.getBoundingClientRect();
if (r.top < window.innerHeight && r.bottom > 0) {
clearTimeout(fallback);
setTimeout(() => setVisible(true), delay);
io.disconnect();
}
} catch (err) {
// No IO support — just reveal
clearTimeout(fallback);
setVisible(true);
}
return () => { clearTimeout(fallback); if (io) io.disconnect(); };
}, [delay]);
return (
{children}
);
};
// Counter that animates when in view
const Counter = ({ to, suffix = "", duration = 1400, decimals = 0 }) => {
const ref = React.useRef(null);
const [val, setVal] = React.useState(0);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
let raf;
const io = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
const start = performance.now();
const step = (now) => {
const t = Math.min((now - start) / duration, 1);
const eased = 1 - Math.pow(1 - t, 3);
setVal(eased * to);
if (t < 1) raf = requestAnimationFrame(step);
};
raf = requestAnimationFrame(step);
io.disconnect();
}
});
},
{ threshold: 0.5 }
);
io.observe(el);
return () => { io.disconnect(); cancelAnimationFrame(raf); };
}, [to, duration]);
return {val.toFixed(decimals)}{suffix};
};
Object.assign(window, { Logo, Icon, Reveal, Counter });