Select

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