Focused search input with a typed query, blinking caret, hit counter, and clear button.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Search2 } from "@/components/beste/piece/search2";
<Search2
query="design tokens"
resultCount={42}
/>Popover that opens on focus and lists prior queries with a clock icon and remove control.
Combined control with a left scope dropdown and a wider query input sharing a single pill.
Search popover listing named saved queries with pin or star markers and a raw query beneath.
Search popover mid-query with a spinner in the input and three shimmering skeleton rows.
Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.
Search header with category tabs that show per-tab counts and an underline for the active one.