The demo only had the SearchField input by itself with a trace strip;
nothing actually demonstrated the search outcome. Added a 34-item
dataset of UIX components (name + group) and a live results grid that
filters by name or group substring as the user types.
- Empty input renders 34/34 results.
- Typing "form" filters to 17 components from the Forms group.
- "drawer" filters to 1 (Drawer).
- Empty results state renders a graceful "No matches for ..." message.
- Counter shows `results N / total` so the demo doubles as a quick
feedback loop for the debounceMs control (count + meta animate
together when the debounced onValueChange finally fires).
CSS lives inline in the demo (`.search-field-results*` selectors) since
this is demo content rather than reusable component visuals.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
dev
8aa6086976