combobox

1import { Combobox as BaseCombobox } from "@base-ui/react/combobox"
2import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react"
3 
4import { cn } from "@/lib/utils"
5 
6function Combobox({
7	...props
8}: React.ComponentProps<typeof BaseCombobox.Root>) {
9	return <BaseCombobox.Root data-slot="combobox" {...props} />
10}
11 
12function ComboboxValue({
13	...props
14}: React.ComponentProps<typeof BaseCombobox.Value>) {
15	return <BaseCombobox.Value data-slot="combobox-value" {...props} />
16}
17 
18function ComboboxIcon({
19	...props
20}: React.ComponentProps<typeof BaseCombobox.Icon>) {
21	return <BaseCombobox.Icon data-slot="combobox-icon" {...props} />
22}
23 
24function ComboboxClear({
25	...props
26}: React.ComponentProps<typeof BaseCombobox.Clear>) {
27	return <BaseCombobox.Clear data-slot="combobox-clear" {...props} />
28}
29 
30function ComboboxList({
31	...props
32}: React.ComponentProps<typeof BaseCombobox.List>) {
33	return <BaseCombobox.List data-slot="combobox-list" {...props} />
34}
35 
36function ComboboxGroup({
37	...props
38}: React.ComponentProps<typeof BaseCombobox.Group>) {
39	return <BaseCombobox.Group data-slot="combobox-group" {...props} />
40}
41 
42function ComboboxPortal({
43	...props
44}: React.ComponentProps<typeof BaseCombobox.Portal>) {
45	return <BaseCombobox.Portal data-slot="combobox-portal" {...props} />
46}
47 
48function ComboboxPositioner({
49	...props
50}: React.ComponentProps<typeof BaseCombobox.Positioner>) {
51	return <BaseCombobox.Positioner data-slot="combobox-positioner" {...props} />
52}
53 
54function ComboboxTrigger({
55	className,
56	size = "default",
57	children,
58	...props
59}: React.ComponentProps<typeof BaseCombobox.Trigger> & {
60	size?: "sm" | "default"
61}) {
62	return (
63		<BaseCombobox.Trigger
64			data-slot="combobox-trigger"
65			data-size={size}
66			className={cn(
67// … truncated