FilterBar

import { FilterBar, SearchInput } from "@/rl-ui";

<FilterBar>
<SearchInput value="" onChange={setQ} placeholder="Search…" />
</FilterBar>

import { FilterBar, SearchInput, Button, Flex } from "@/rl-ui";

<FilterBar>
<Flex gap="2" align="center" className="w-full">
  <SearchInput value="" onChange={setQ} placeholder="Search…" />
  <Button variant="primary" size="small">New</Button>
</Flex>
</FilterBar>