Combobox

1import { ComboboxContext, Combobox, ComboboxControl, ComboboxInput } from "@/components/ui/combobox";
2
3<ComboboxContext />

1"use client";
2
3import {
4  Combobox as ArkCombobox,
5  type ComboboxList as ArkComboboxList,
6  useComboboxContext as useArkComboboxContext,
7} from "@ark-ui/react/combobox";
8import { Portal } from "@ark-ui/react/portal";
9import { CheckIcon, ChevronsUpDownIcon, XIcon } from "lucide-react";
10import type React from "react";
11import { tv, type VariantProps } from "tailwind-variants";
12import { cn } from "@/lib/utils";
13import { Button } from "@/registry/react/components/button";
14import type { inputVariants } from "@/registry/react/components/input";
15import {
16  InputGroup,
17  InputGroupAddon,
18  InputGroupButton,
19  InputGroupInput,
20} from "@/registry/react/components/input-group";
21
22export const useCombobox = useArkComboboxContext;
23
24export const ComboboxContext = ArkCombobox.Context;
25
26export const Combobox: ArkCombobox.RootComponent = (props) => {
27  const {
28    openOnClick = true,