Select

1import { SelectContext, Select, SelectTrigger, SelectSeparator } from "@/components/ui/select";
2
3<SelectContext />

1"use client";
2
3import { Portal } from "@ark-ui/react";
4import { ark } from "@ark-ui/react/factory";
5import { Select as ArkSelect, useSelectContext } from "@ark-ui/react/select";
6import { CheckIcon, ChevronsUpDownIcon, XIcon } from "lucide-react";
7import type React from "react";
8import type { VariantProps } from "tailwind-variants";
9import { cn } from "@/lib/utils";
10import { inputVariants } from "@/registry/react/components/input";
11import { Separator } from "@/registry/react/components/separator";
12
13export const useSelect = useSelectContext;
14
15export const SelectContext = ArkSelect.Context;
16
17export const Select: ArkSelect.RootComponent = (props) => {
18  const { lazyMount = true, unmountOnExit = true, children, ...rest } = props;
19
20  return (
21    <ArkSelect.Root
22      data-slot="select"
23      lazyMount={lazyMount}
24      unmountOnExit={unmountOnExit}
25      {...rest}
26    >
27      {children}
28