/* eslint-disable */
// Primitives — icons, logo, scroll reveal, screenshot wrapper
// ===== LOGO MARK =====
const SproutMark = ({ size = 28, color = "currentColor" }) => (
);
// ===== ICONS =====
const Ico = {
bell: (p) => ,
mega: (p) => ,
umbrella: (p) => ,
star: (p) => ,
rss: (p) => ,
arrow: (p) => ,
check: (p) => ,
squad: (p) => ,
cal: (p) => ,
whistle: (p) => ,
chat: (p) => ,
shield: (p) => ,
card: (p) => ,
clipboard: (p) => ,
formation: (p) => ,
phone: (p) => ,
stats: (p) => ,
scales: (p) => ,
bolt: (p) => ,
};
// ===== SCROLL REVEAL =====
// Adds .in class when the element enters the viewport. Children animate via CSS.
const Reveal = ({ as: Tag = "div", className = "", delay = 0, children, ...rest }) => {
const ref = React.useRef(null);
const [shown, setShown] = React.useState(false);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
if (typeof IntersectionObserver === "undefined") { setShown(true); return; }
const io = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
setShown(true);
io.unobserve(e.target);
}
});
},
{ rootMargin: "0px 0px -12% 0px", threshold: 0.08 }
);
io.observe(el);
return () => io.disconnect();
}, []);
return (
{children}
);
};
// ===== SCREENSHOT — high-res, subtly breathing =====
const Screenshot = ({ src, alt = "", aspect, className = "", style = {}, frame = "dark" }) => {
return (
);
};
// ===== PHONE — phone mock wrapper =====
const PhoneShot = ({ src, alt = "", className = "", style = {} }) => (
);
Object.assign(window, { SproutMark, Ico, Reveal, Screenshot, PhoneShot });