How it works
Trigger and palette share a layoutId; the active-row highlight is a single element with layoutId="hl" that slides between rows.
Morphing Command Palette
⌘K palette that morphs out of its trigger, filters live and animates the highlight between rows.
★ showcaseMotion
Performance
Filtering changes the list; `layout` animates survivors while AnimatePresence handles the rest in popLayout mode.
Accessibility & reduced motion
Combobox pattern: aria-activedescendant, arrow keys, Enter, Esc. The list scroll uses data-lenis-prevent.
Export
transition={{ type: 'spring', stiffness: 500, damping: 38, mass: 1 }}