Combobox (Base UI)

1"use client";
2 
3import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
4import { Input as InputPrimitive } from "@base-ui/react/input";
5import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
6import { Check, ChevronsUpDown, X } from "lucide-react";
7import { AnimatePresence, motion, useReducedMotion } from "motion/react";
8import * as React from "react";
9 
10import { cn } from "@/lib/utils";
11 
12const controlCornerClassName =
13  "rounded-lg supports-[corner-shape:squircle]:corner-squircle supports-[corner-shape:squircle]:rounded-[11px]";
14 
15const controlCornerXsClassName =
16  "rounded-[min(var(--radius-md),10px)] supports-[corner-shape:squircle]:corner-squircle supports-[corner-shape:squircle]:rounded-[12px]";
17 
18const controlCornerInheritClassName =
19  "rounded-[inherit] supports-[corner-shape:squircle]:[corner-shape:inherit]";
20 
21const componentThemeClassName =
22// … truncated