select

1import * as React from "react"
2import * as SelectPrimitive from "@radix-ui/react-select"
3import { cva, type VariantProps } from "class-variance-authority"
4import { Check, ChevronDown } from "lucide-react"
5 
6import { cn } from "@/lib/utils"
7import "./select.css"
8 
9/* ------------------------------------------------------------------ */
10/*  CVA                                                                */
11/* ------------------------------------------------------------------ */
12 
13const selectTriggerVariants = cva(
14  "select-trigger inline-flex items-center justify-between gap-[var(--layout-gap-md)] rounded-[var(--layout-radius-lg)] px-[var(--layout-padding-md)] text-content-note font-accent",
15  {
16    variants: {
17      variant: {
18        default: "",
19        destructive: "select-trigger-destructive",
20        success: "select-trigger-success",
21      },
22      size: {
23        sm: "h-[var(--layout-size-lg)]",
24        md: "h-9",
25        lg: "h-[var(--layout-size-xl)]",
26      },
27    },
28    defaultVariants: {
29      variant: "default",
30      size: "md",
31    },
32  }
33)
34 
35/* ------------------------------------------------------------------ */
36/*  Select                                                             */
37/* ------------------------------------------------------------------ */
38 
39function Select({
40  ...props
41}: React.ComponentProps<typeof SelectPrimitive.Root>) {
42  return <SelectPrimitive.Root {...props} />
43}
44 
45/* ------------------------------------------------------------------ */
46/*  SelectGroup                                                        */
47/* ------------------------------------------------------------------ */
48 
49function SelectGroup({
50  ...props
51}: React.ComponentProps<typeof SelectPrimitive.Group>) {
52  return <SelectPrimitive.Group data-slot="select-group" {...props} />
53}
54 
55/* ------------------------------------------------------------------ */
56/*  SelectValue                                                        */
57/* ------------------------------------------------------------------ */
58 
59function SelectValue({
60  ...props
61}: React.ComponentProps<typeof SelectPrimitive.Value>) {
62  return <SelectPrimitive.Value data-slot="select-value" {...props} />
63}
64 
65/* ------------------------------------------------------------------ */
66/*  SelectTrigger                                                      */
67/* ------------------------------------------------------------------ */
68 
69function SelectTrigger({
70  className,
71  variant,
72  size,
73  children,
74  ...props
75// … truncated