Select

1"use client"
2 
3import * as React from "react"
4import {
5  Select as BaseSelect,
6  SelectContent as BaseSelectContent,
7  SelectItem,
8  SelectTrigger as BaseSelectTrigger,
9  SelectValue,
10} from "@/components/ui/select"
11import { cn } from "@/lib/utils"
12 
13export interface SelectTriggerProps extends React.ComponentProps<typeof BaseSelectTrigger> {
14  glow?: boolean
15}
16 
17export interface SelectContentProps extends React.ComponentProps<typeof BaseSelectContent> {
18  glow?: boolean
19}
20 
21/**
22 * Glass UI Select - Enhanced select with glassy effects
23 */
24export const SelectTrigger = React.forwardRef<
25  React.ElementRef<typeof BaseSelectTrigger>,
26  SelectTriggerProps
27>(({ className, variant = "glass", glow = false, ...props }, ref) => {
28  return (
29    <BaseSelectTrigger
30      ref={ref}
31      variant={variant}
32      className={cn(
33        glow && "shadow-md shadow-purple-500/20",
34        "transition-all duration-200",
35        className
36      )}
37      {...props}
38    />
39  )
40})
41SelectTrigger.displayName = "SelectTrigger"
42 
43export const SelectContent = React.forwardRef<
44  React.ElementRef<typeof BaseSelectContent>,
45  SelectContentProps
46>(({ className, variant = "glass", glow = false, ...props }, ref) => {
47  return (
48    <BaseSelectContent
49      ref={ref}
50      variant={variant}
51      className={cn(
52        glow && "shadow-lg shadow-purple-500/30",
53        className
54      )}
55      {...props}
56    />
57  )
58})
59SelectContent.displayName = "SelectContent"
60 
61export {
62  BaseSelect as Select,
63  SelectValue,
64  SelectItem,
65}
66