// animations.jsx
// Reusable animation starter: Stage, Timeline, Sprite, easing helpers.
// Usage (in an HTML file that loads React + Babel):
//
//
//
//
//
// Inside , any child can call useTime() to read the current
// playhead (seconds). Or wrap content in ...
// to only render during that window -- children receive a `localTime` and
// `progress` via the useSprite() hook.
//
// ─────────────────────────────────────────────────────────────────────────────
// ── Render-mode detection ────────────────────────────────────────────────────
// The renderer injects ``
// into every rendered template's . Templates use this to suppress
// dev-only UI (playback bars, safe-zone overlays, debug toggles) when
// producing client-delivery artifacts. Default behavior is preview — debug
// chrome shows when in doubt, only an explicit `final` suppresses it.
//
// Also exposed at window.isFinalRender for any inline