.

app/components/ui/select.tsx

@@ -4,21 +4,15 @@ import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 
 import { cn } from "~/lib/utils";
 
-function Select({
-    ...props
-}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {
     return <SelectPrimitive.Root data-slot="select" {...props} />;
 }
 
-function SelectGroup({
-    ...props
-}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {
     return <SelectPrimitive.Group data-slot="select-group" {...props} />;
 }
 
-function SelectValue({
-    ...props
-}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {
     return <SelectPrimitive.Value data-slot="select-value" {...props} />;
 }
 
@@ -83,27 +77,17 @@ function SelectContent({
     );
 }
 
-function SelectLabel({
-    className,
-    ...props
-}: React.ComponentProps<typeof SelectPrimitive.Label>) {
+function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {
     return (
         <SelectPrimitive.Label
             data-slot="select-label"
-            className={cn(
-                "text-muted-foreground px-2 py-1.5 text-xs",
-                className,
-            )}
+            className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
             {...props}
         />
     );
 }
 
-function SelectItem({
-    className,
-    children,
-    ...props
-}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {
     return (
         <SelectPrimitive.Item
             data-slot="select-item"
@@ -123,33 +107,21 @@ function SelectItem({
     );
 }
 
-function SelectSeparator({
-    className,
-    ...props
-}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {
     return (
         <SelectPrimitive.Separator
             data-slot="select-separator"
-            className={cn(
-                "bg-border pointer-events-none -mx-1 my-1 h-px",
-                className,
-            )}
+            className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
             {...props}
         />
     );
 }
 
-function SelectScrollUpButton({
-    className,
-    ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
     return (
         <SelectPrimitive.ScrollUpButton
             data-slot="select-scroll-up-button"
-            className={cn(
-                "flex cursor-default items-center justify-center py-1",
-                className,
-            )}
+            className={cn("flex cursor-default items-center justify-center py-1", className)}
             {...props}
         >
             <ChevronUpIcon className="size-4" />
@@ -164,10 +136,7 @@ function SelectScrollDownButton({
     return (
         <SelectPrimitive.ScrollDownButton
             data-slot="select-scroll-down-button"
-            className={cn(
-                "flex cursor-default items-center justify-center py-1",
-                className,
-            )}
+            className={cn("flex cursor-default items-center justify-center py-1", className)}
             {...props}
         >
             <ChevronDownIcon className="size-4" />