| 51 | } |
| 52 | |
| 53 | function SelectContent({ |
| 54 | className, |
| 55 | children, |
| 56 | position = "popper", |
| 57 | align = "center", |
| 58 | ...props |
| 59 | }: React.ComponentProps<typeof SelectPrimitive.Content>) { |
| 60 | return ( |
| 61 | <SelectPrimitive.Portal> |
| 62 | <SelectPrimitive.Content |
| 63 | data-slot="select-content" |
| 64 | className={cn( |
| 65 | "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", |
| 66 | position === "popper" && |
| 67 | "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", |
| 68 | className |
| 69 | )} |
| 70 | position={position} |
| 71 | align={align} |
| 72 | {...props} |
| 73 | > |
| 74 | <SelectScrollUpButton /> |
| 75 | <SelectPrimitive.Viewport |
| 76 | className={cn( |
| 77 | "p-1", |
| 78 | position === "popper" && |
| 79 | "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1" |
| 80 | )} |
| 81 | > |
| 82 | {children} |
| 83 | </SelectPrimitive.Viewport> |
| 84 | <SelectScrollDownButton /> |
| 85 | </SelectPrimitive.Content> |
| 86 | </SelectPrimitive.Portal> |
| 87 | ) |
| 88 | } |
| 89 | |
| 90 | function SelectLabel({ |
| 91 | className, |