Gallery With Lightbox

A client component: the index of the open shot lives in useState and the window is a native <dialog> opened through showModal(). One file, no dependencies, the palette in the local --vibeui-carousel-017-* variables. The shots are not images: every one is described by a hue in degrees and painted with a gradient through the --vibeui-carousel-017-hue variable, so the item carries neither pictures nor network requests. The modal mode gives the focus trap, Escape and the dimmed backdrop for free; the html:has(dialog[open]:modal){overflow:hidden} rule adds what the browser does not do — locking the page scroll. The arrows inside the window cycle through the shots, ArrowLeft and ArrowRight do the same from the keyboard, and the counter is assembled from the counter template. The defaultOpen prop opens the window non-modally through show(): it stays inside the block and lands in the showcase frame.