select

1"use client"
2 
3import { cn } from "@/lib/utils"
4import * as SelectPrimitive from "@radix-ui/react-select"
5import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
6import * as React from "react"
7 
8function Select({
9  ...props
10}: React.ComponentProps<typeof SelectPrimitive.Root>) {
11  return <SelectPrimitive.Root data-slot="select" {...props} />
12}
13 
14function SelectGroup({
15  ...props
16}: React.ComponentProps<typeof SelectPrimitive.Group>) {
17  return <SelectPrimitive.Group data-slot="select-group" {...props} />
18}
19 
20function SelectValue({
21  ...props
22}: React.ComponentProps<typeof SelectPrimitive.Value>) {
23  return <SelectPrimitive.Value data-slot="select-value" {...props} />
24}
25 
26function SelectTrigger({
27  className,
28  children,
29  ...props
30}: React.ComponentProps<typeof SelectPrimitive.Trigger>) {
31  return (
32    <SelectPrimitive.Trigger
33      data-slot="select-trigger"
34      className={cn(
35        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex h-9 w-full items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
36        className,
37      )}
38      {...props}
39    >
40      {children}
41      <SelectPrimitive.Icon asChild>
42        <ChevronDownIcon className="size-4 opacity-50" />
43      </SelectPrimitive.Icon>
44    </SelectPrimitive.Trigger>
45  )
46}
47 
48function SelectContent({
49  className,
50  children,
51  position = "popper",
52  ...props
53}: React.ComponentProps<typeof SelectPrimitive.Content>) {
54  return (
55    <SelectPrimitive.Portal>
56      <SelectPrimitive.Content
57        data-slot="select-content"
58        className={cn(
59// … truncated