// Pure CSS entrance animations — driven by CSS keyframes (compositor),
// so reveals are reliable regardless of JS scheduler / IntersectionObserver.
const { useRef, useEffect } = React;
// --- WordsPullUp (non-clipping char reveal — glyphs are never cropped) ---
window.WordsPullUp = function WordsPullUp({ text, className, style, showAsterisk = false, delay = 0 }) {
const words = text.split(" ");
return (
{words.map((word, wi) => {
const isLast = wi === words.length - 1;
const chars = [...word];
return (
{chars.map((ch, ci) => {
const isFinalChar = isLast && ci === chars.length - 1 && showAsterisk;
const d = delay + (wi * 0.08) + (ci * 0.06);
return (
{ch}
{isFinalChar && (
*
)}
);
})}
);
})}
);
};
// --- WordsPullUpMultiStyle ---
window.WordsPullUpMultiStyle = function WordsPullUpMultiStyle({ segments, className }) {
const allWords = [];
segments.forEach((seg) => {
seg.text.split(" ").filter(Boolean).forEach(w => allWords.push({ word: w, className: seg.className, segStyle: seg.style }));
});
return (
{allWords.map((item, i) => (
{item.word}
))}
);
};
// --- FadeUp (single element fade + slide up) ---
window.FadeUp = function FadeUp({ children, delay = 0, className, as: Tag = "div", style, ...rest }) {
return (
{children}
);
};
// --- AnimatedParagraph — staggered word fade-in ---
window.AnimatedParagraph = function AnimatedParagraph({ text, className }) {
const words = text.split(" ");
return (
{words.map((w, i) => (
{w}
{i < words.length - 1 ? " " : ""}
))}
);
};
// --- FeatureCard with entrance animation ---
window.FeatureCard = function FeatureCard({ children, index, className = "", style }) {
return (
{children}
);
};