hmm?

RiskyMH · Nov 22, 2024 · 6742e10 · 6742e10
1 parent 89650dd
commit 6742e10
Show file tree

Hide file tree

Showing 17 changed files with 55 additions and 55 deletions.
diff --git a/app/components/ui/avatar.tsx b/app/components/ui/avatar.tsx
@@ -10,7 +10,7 @@ const Avatar = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
-    ref: React.RefObject<React.ElementRef<typeof AvatarPrimitive.Root>>;
+    ref?: React.RefObject<React.ElementRef<typeof AvatarPrimitive.Root>>;
 }) => (
     <AvatarPrimitive.Root
         ref={ref}
@@ -25,7 +25,7 @@ const AvatarImage = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
-    ref: React.RefObject<React.ElementRef<typeof AvatarPrimitive.Image>>;
+    ref?: React.RefObject<React.ElementRef<typeof AvatarPrimitive.Image>>;
 }) => <AvatarPrimitive.Image ref={ref} className={cn("aspect-square size-full", className)} {...props} />;
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
 
@@ -34,7 +34,7 @@ const AvatarFallback = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {
-    ref: React.RefObject<React.ElementRef<typeof AvatarPrimitive.Fallback>>;
+    ref?: React.RefObject<React.ElementRef<typeof AvatarPrimitive.Fallback>>;
 }) => (
     <AvatarPrimitive.Fallback
         ref={ref}

diff --git a/app/components/ui/button.tsx b/app/components/ui/button.tsx
@@ -46,7 +46,7 @@ const Button = ({
     asChild = false,
     ...props
 }: ButtonProps & {
-    ref: React.RefObject<HTMLButtonElement>;
+    ref?: React.RefObject<HTMLButtonElement>;
 }) => {
     const Comp = asChild ? Slot : "button";
     return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;

diff --git a/app/components/ui/card.tsx b/app/components/ui/card.tsx
@@ -7,7 +7,7 @@ const Card = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement> & {
-    ref: React.RefObject<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement>;
 }) => (
     <div ref={ref} className={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...props} />
 );
@@ -18,7 +18,7 @@ const CardHeader = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement> & {
-    ref: React.RefObject<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement>;
 }) => <div ref={ref} className={cn("flex flex-col gap-1.5 p-6", className)} {...props} />;
 CardHeader.displayName = "CardHeader";
 
@@ -27,7 +27,7 @@ const CardTitle = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLHeadingElement> & {
-    ref: React.RefObject<HTMLParagraphElement>;
+    ref?: React.RefObject<HTMLParagraphElement>;
 }) => <h3 ref={ref} className={cn("font-semibold text-2xl leading-none tracking-tight", className)} {...props} />;
 CardTitle.displayName = "CardTitle";
 
@@ -36,7 +36,7 @@ const CardDescription = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLParagraphElement> & {
-    ref: React.RefObject<HTMLParagraphElement>;
+    ref?: React.RefObject<HTMLParagraphElement>;
 }) => <p ref={ref} className={cn("text-muted-foreground text-sm", className)} {...props} />;
 CardDescription.displayName = "CardDescription";
 
@@ -45,7 +45,7 @@ const CardContent = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement> & {
-    ref: React.RefObject<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement>;
 }) => <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />;
 CardContent.displayName = "CardContent";
 
@@ -54,7 +54,7 @@ const CardFooter = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement> & {
-    ref: React.RefObject<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement>;
 }) => <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />;
 CardFooter.displayName = "CardFooter";
 

diff --git a/app/components/ui/checkbox.tsx b/app/components/ui/checkbox.tsx
@@ -11,7 +11,7 @@ const Checkbox = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
-    ref: React.RefObject<React.ElementRef<typeof CheckboxPrimitive.Root>>;
+    ref?: React.RefObject<React.ElementRef<typeof CheckboxPrimitive.Root>>;
 }) => (
     <CheckboxPrimitive.Root
         ref={ref}

diff --git a/app/components/ui/context-menu.tsx b/app/components/ui/context-menu.tsx
@@ -39,7 +39,7 @@ const ContextMenuSubContent = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & {
-    ref: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.SubContent>>;
+    ref?: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.SubContent>>;
 }) => (
     <ContextMenuPrimitive.SubContent
         ref={ref}
@@ -57,7 +57,7 @@ const ContextMenuContent = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
-    ref: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.Content>>;
+    ref?: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.Content>>;
 }) => (
     <ContextMenuPrimitive.Portal>
         <ContextMenuPrimitive.Content
@@ -92,7 +92,7 @@ const ContextMenuCheckboxItem = ({
     checked,
     ...props
 }: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem> & {
-    ref: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>>;
+    ref?: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>>;
 }) => (
     <ContextMenuPrimitive.CheckboxItem
         ref={ref}
@@ -119,7 +119,7 @@ const ContextMenuRadioItem = ({
     children,
     ...props
 }: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem> & {
-    ref: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.RadioItem>>;
+    ref?: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.RadioItem>>;
 }) => (
     <ContextMenuPrimitive.RadioItem
         ref={ref}
@@ -153,7 +153,7 @@ const ContextMenuSeparator = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> & {
-    ref: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.Separator>>;
+    ref?: React.RefObject<React.ElementRef<typeof ContextMenuPrimitive.Separator>>;
 }) => <ContextMenuPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-border", className)} {...props} />;
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 

diff --git a/app/components/ui/dialog.tsx b/app/components/ui/dialog.tsx
@@ -19,7 +19,7 @@ const DialogOverlay = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {
-    ref: React.RefObject<React.ElementRef<typeof DialogPrimitive.Overlay>>;
+    ref?: React.RefObject<React.ElementRef<typeof DialogPrimitive.Overlay>>;
 }) => (
     <DialogPrimitive.Overlay
         ref={ref}
@@ -38,7 +38,7 @@ const DialogContent = ({
     children,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
-    ref: React.RefObject<React.ElementRef<typeof DialogPrimitive.Content>>;
+    ref?: React.RefObject<React.ElementRef<typeof DialogPrimitive.Content>>;
 }) => (
     <DialogPortal>
         <DialogOverlay />
@@ -75,7 +75,7 @@ const DialogTitle = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & {
-    ref: React.RefObject<React.ElementRef<typeof DialogPrimitive.Title>>;
+    ref?: React.RefObject<React.ElementRef<typeof DialogPrimitive.Title>>;
 }) => (
     <DialogPrimitive.Title
         ref={ref}
@@ -90,7 +90,7 @@ const DialogDescription = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {
-    ref: React.RefObject<React.ElementRef<typeof DialogPrimitive.Description>>;
+    ref?: React.RefObject<React.ElementRef<typeof DialogPrimitive.Description>>;
 }) => <DialogPrimitive.Description ref={ref} className={cn("text-muted-foreground text-sm", className)} {...props} />;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 

diff --git a/app/components/ui/drawer.tsx b/app/components/ui/drawer.tsx
@@ -21,7 +21,7 @@ const DrawerOverlay = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay> & {
-    ref: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Overlay>>;
+    ref?: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Overlay>>;
 }) => <DrawerPrimitive.Overlay ref={ref} className={cn("fixed inset-0 z-50 bg-black/80", className)} {...props} />;
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 
@@ -31,7 +31,7 @@ const DrawerContent = ({
     children,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & {
-    ref: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Content>>;
+    ref?: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Content>>;
 }) => (
     <DrawerPortal>
         <DrawerOverlay />
@@ -65,7 +65,7 @@ const DrawerTitle = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> & {
-    ref: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Title>>;
+    ref?: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Title>>;
 }) => (
     <DrawerPrimitive.Title
         ref={ref}
@@ -80,7 +80,7 @@ const DrawerDescription = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description> & {
-    ref: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Description>>;
+    ref?: React.RefObject<React.ElementRef<typeof DrawerPrimitive.Description>>;
 }) => <DrawerPrimitive.Description ref={ref} className={cn("text-muted-foreground text-sm", className)} {...props} />;
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 

diff --git a/app/components/ui/dropdown-menu.tsx b/app/components/ui/dropdown-menu.tsx
@@ -39,7 +39,7 @@ const DropdownMenuSubContent = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
-    ref: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.SubContent>>;
+    ref?: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.SubContent>>;
 }) => (
     <DropdownMenuPrimitive.SubContent
         ref={ref}
@@ -58,7 +58,7 @@ const DropdownMenuContent = ({
     sideOffset = 4,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
-    ref: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.Content>>;
+    ref?: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.Content>>;
 }) => (
     <DropdownMenuPrimitive.Portal>
         <DropdownMenuPrimitive.Content
@@ -94,7 +94,7 @@ const DropdownMenuCheckboxItem = ({
     checked,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & {
-    ref: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>>;
+    ref?: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>>;
 }) => (
     <DropdownMenuPrimitive.CheckboxItem
         ref={ref}
@@ -121,7 +121,7 @@ const DropdownMenuRadioItem = ({
     children,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & {
-    ref: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>>;
+    ref?: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>>;
 }) => (
     <DropdownMenuPrimitive.RadioItem
         ref={ref}
@@ -155,7 +155,7 @@ const DropdownMenuSeparator = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
-    ref: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.Separator>>;
+    ref?: React.RefObject<React.ElementRef<typeof DropdownMenuPrimitive.Separator>>;
 }) => (
     <DropdownMenuPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-background", className)} {...props} />
 );

diff --git a/app/components/ui/input.tsx b/app/components/ui/input.tsx
@@ -10,7 +10,7 @@ const Input = ({
     type,
     ...props
 }: InputProps & {
-    ref: React.RefObject<HTMLInputElement>;
+    ref?: React.RefObject<HTMLInputElement>;
 }) => {
     return (
         <input

diff --git a/app/components/ui/popover.tsx b/app/components/ui/popover.tsx
@@ -16,7 +16,7 @@ const PopoverContent = ({
     sideOffset = 4,
     ...props
 }: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
-    ref: React.RefObject<React.ElementRef<typeof PopoverPrimitive.Content>>;
+    ref?: React.RefObject<React.ElementRef<typeof PopoverPrimitive.Content>>;
 }) => (
     <PopoverPrimitive.Portal>
         <PopoverPrimitive.Content

diff --git a/app/components/ui/scroll-area.tsx b/app/components/ui/scroll-area.tsx
@@ -11,7 +11,7 @@ const ScrollArea = ({
     children,
     ...props
 }: React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
-    ref: React.RefObject<React.ElementRef<typeof ScrollAreaPrimitive.Root>>;
+    ref?: React.RefObject<React.ElementRef<typeof ScrollAreaPrimitive.Root>>;
 }) => (
     <ScrollAreaPrimitive.Root ref={ref} className={cn("relative overflow-hidden", className)} {...props}>
         <ScrollAreaPrimitive.Viewport className="size-full rounded-[inherit]">{children}</ScrollAreaPrimitive.Viewport>
@@ -27,7 +27,7 @@ const ScrollBar = ({
     orientation = "vertical",
     ...props
 }: React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & {
-    ref: React.RefObject<React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>>;
+    ref?: React.RefObject<React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>>;
 }) => (
     <ScrollAreaPrimitive.ScrollAreaScrollbar
         ref={ref}

diff --git a/app/components/ui/select.tsx b/app/components/ui/select.tsx
@@ -18,7 +18,7 @@ const SelectTrigger = ({
     children,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
-    ref: React.RefObject<React.ElementRef<typeof SelectPrimitive.Trigger>>;
+    ref?: React.RefObject<React.ElementRef<typeof SelectPrimitive.Trigger>>;
 }) => (
     <SelectPrimitive.Trigger
         ref={ref}
@@ -41,7 +41,7 @@ const SelectScrollUpButton = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton> & {
-    ref: React.RefObject<React.ElementRef<typeof SelectPrimitive.ScrollUpButton>>;
+    ref?: React.RefObject<React.ElementRef<typeof SelectPrimitive.ScrollUpButton>>;
 }) => (
     <SelectPrimitive.ScrollUpButton
         ref={ref}
@@ -58,7 +58,7 @@ const SelectScrollDownButton = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton> & {
-    ref: React.RefObject<React.ElementRef<typeof SelectPrimitive.ScrollDownButton>>;
+    ref?: React.RefObject<React.ElementRef<typeof SelectPrimitive.ScrollDownButton>>;
 }) => (
     <SelectPrimitive.ScrollDownButton
         ref={ref}
@@ -77,7 +77,7 @@ const SelectContent = ({
     position = "popper",
     ...props
 }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {
-    ref: React.RefObject<React.ElementRef<typeof SelectPrimitive.Content>>;
+    ref?: React.RefObject<React.ElementRef<typeof SelectPrimitive.Content>>;
 }) => (
     <SelectPrimitive.Portal>
         <SelectPrimitive.Content
@@ -112,7 +112,7 @@ const SelectLabel = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label> & {
-    ref: React.RefObject<React.ElementRef<typeof SelectPrimitive.Label>>;
+    ref?: React.RefObject<React.ElementRef<typeof SelectPrimitive.Label>>;
 }) => (
     <SelectPrimitive.Label ref={ref} className={cn("py-1.5 pr-2 pl-8 font-semibold text-sm", className)} {...props} />
 );
@@ -124,7 +124,7 @@ const SelectItem = ({
     children,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {
-    ref: React.RefObject<React.ElementRef<typeof SelectPrimitive.Item>>;
+    ref?: React.RefObject<React.ElementRef<typeof SelectPrimitive.Item>>;
 }) => (
     <SelectPrimitive.Item
         ref={ref}
@@ -149,7 +149,7 @@ const SelectSeparator = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> & {
-    ref: React.RefObject<React.ElementRef<typeof SelectPrimitive.Separator>>;
+    ref?: React.RefObject<React.ElementRef<typeof SelectPrimitive.Separator>>;
 }) => <SelectPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-muted", className)} {...props} />;
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 

diff --git a/app/components/ui/sheet.tsx b/app/components/ui/sheet.tsx
@@ -20,7 +20,7 @@ const SheetOverlay = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay> & {
-    ref: React.RefObject<React.ElementRef<typeof SheetPrimitive.Overlay>>;
+    ref?: React.RefObject<React.ElementRef<typeof SheetPrimitive.Overlay>>;
 }) => (
     <SheetPrimitive.Overlay
         className={cn(
@@ -61,7 +61,7 @@ const SheetContent = ({
     children,
     ...props
 }: SheetContentProps & {
-    ref: React.RefObject<React.ElementRef<typeof SheetPrimitive.Content>>;
+    ref?: React.RefObject<React.ElementRef<typeof SheetPrimitive.Content>>;
 }) => (
     <SheetPortal>
         <SheetOverlay />
@@ -91,7 +91,7 @@ const SheetTitle = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title> & {
-    ref: React.RefObject<React.ElementRef<typeof SheetPrimitive.Title>>;
+    ref?: React.RefObject<React.ElementRef<typeof SheetPrimitive.Title>>;
 }) => <SheetPrimitive.Title ref={ref} className={cn("font-semibold text-foreground text-lg", className)} {...props} />;
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
@@ -100,7 +100,7 @@ const SheetDescription = ({
     className,
     ...props
 }: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description> & {
-    ref: React.RefObject<React.ElementRef<typeof SheetPrimitive.Description>>;
+    ref?: React.RefObject<React.ElementRef<typeof SheetPrimitive.Description>>;
 }) => <SheetPrimitive.Description ref={ref} className={cn("text-muted-foreground text-sm", className)} {...props} />;
 SheetDescription.displayName = SheetPrimitive.Description.displayName;