select

1"use client"
2 
3import * as React from "react"
4import { Select as SelectPrimitive } from "radix-ui"
5 
6import { cn } from "@/registry/bases/radix/lib/utils"
7import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
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("scroll-my-1 p-1", 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-input 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-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 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        <IconPlaceholder
55          lucide="ChevronDownIcon"
56          tabler="IconSelector"
57          hugeicons="UnfoldMoreIcon"
58          phosphor="CaretDownIcon"
59          className="text-muted-foreground size-4 pointer-events-none"
60        />
61      </SelectPrimitive.Icon>
62    </SelectPrimitive.Trigger>
63  )
64}
65 
66function SelectContent({
67  className,
68  children,
69// … truncated