// rec_brand.jsx — marks, cursor, and tiny editor icons for the GIF-editor demo. function ScreenSyncMark({ size = 22 }) { return ; } function FigmaMark({ size = 18 }) { return ( ); } // macOS-style pointer function Cursor({ x, y, pressed = 0, opacity = 1, z = 60 }) { return (
); } // generic icon wrapper function Icn({ size = 18, children }) { return {children}; } const EdIcon = { select: (c) => , split: (c) => , marker: (c) => , undo: (c) => , redo: (c) => , reset: (c) => , play: (c) => , expand: (c) => , zoomOut: (c) => , zoomIn: (c) => , close: (c) => , }; // Looping tap pulse: just an expanding blue ring at (x, y). No finger. function FingerTap({ x = 0, y = 0, t = 0, period = 1.15, accent = '#0a84ff', opacity = 1, base = 40 }) { if (opacity <= 0.001) return null; const ph = (((t % period) + period) % period) / period; // two staggered ripples for a richer pulse const rings = [0, 0.5].map((off) => { const rp = ((ph + off) % 1); return rp; }); return (
{/* solid core dot */}
{/* expanding rings */} {rings.map((rp, i) => (
))}
); } Object.assign(window, { ScreenSyncMark, FigmaMark, Cursor, Icn, EdIcon, FingerTap });