{ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json", "name": "screen-flow-carousel", "type": "hyperframes:component", "title": "Screen Flow Carousel", "description": "Two to five app screens ride a horizontal rail: one primary at center, neighbors receded, advancing on cues with a velocity-matched throw and a smooth long-tail catch while a mono caption swaps with each advance. Screens are slots with token skeleton defaults.", "tags": ["product-demo", "feature-tour", "carousel", "rail", "slot", "screens"], "jobs": ["feature-tour"], "family": "product-demo", "profile": "carousel", "evidence": "Wave J J2-1: velocity-throw-snap motion law with the snap softened to the smooth register; slots over canned art per the Wave-J deltas", "files": [ { "path": "screen-flow-carousel.html", "target": "compositions/components/screen-flow-carousel.html", "type": "hyperframes:snippet" } ], "variables": [ { "id": "screens", "type": "number", "role": "content", "label": "Screens", "description": "How many screens ride the rail.", "default": 3, "min": 2, "max": 5, "step": 1 }, { "id": "captions", "type": "string", "role": "content", "label": "Captions", "description": "Comma-separated caption per screen. Blank entries use the authored defaults.", "default": "" }, { "id": "cues", "type": "string", "role": "timing", "label": "Cues", "description": "Comma-separated advance times in seconds from mount start. Blank entries use the authored even rhythm.", "default": "" }, { "id": "accent", "type": "enum", "role": "style", "label": "Accent", "description": "Token the active ring, caption dot, and skeleton accents ride.", "default": "green", "options": [ { "value": "green", "label": "Green" }, { "value": "blue", "label": "Blue" }, { "value": "violet", "label": "Violet" } ] }, { "id": "exit", "type": "enum", "role": "timing", "label": "Exit", "description": "Optional departure. Default none: the final screen holds until the cut.", "default": "none", "options": [ { "value": "none", "label": "None" }, { "value": "fade", "label": "Fade" }, { "value": "up", "label": "Up" } ] } ] }