chore: remove debugging throughout codebase

1 files changed, 160 insertions, 157 deletions

diff --git a/apps/web/src/components/ui/sheet.tsx b/apps/web/src/components/ui/sheet.tsx
index 675e6b96..4b930ff6 100644
--- a/apps/web/src/components/ui/sheet.tsx
+++ b/apps/web/src/components/ui/sheet.tsx
@@ -1,157 +1,160 @@
-"use client";

-

-import * as React from "react";

-import { Dialog as SheetPrimitive } from "radix-ui";

-import { cva, type VariantProps } from "class-variance-authority";

-import { X } from "lucide-react";

-import { cn } from "@/utils/ui";

-import { useOverlayOpenChange } from "./use-overlay-open-change";

-

-function Sheet({

-	open,

-	onOpenChange,

-	...props

-}: React.ComponentProps<typeof SheetPrimitive.Root>) {

-	const handleOpenChange = useOverlayOpenChange({

-		source: "sheet",

-		open,

-		onOpenChange,

-	});

-	return (

-		<SheetPrimitive.Root open={open} onOpenChange={handleOpenChange} {...props} />

-	);

-}

-

-const SheetTrigger = SheetPrimitive.Trigger;

-

-const SheetClose = SheetPrimitive.Close;

-

-const SheetPortal = SheetPrimitive.Portal;

-

-const SheetOverlay = React.forwardRef<

-	React.ElementRef<typeof SheetPrimitive.Overlay>,

-	React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>

->(({ className, ...props }, ref) => (

-	<SheetPrimitive.Overlay

-		className={cn(

-			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-200 bg-black/50",

-			className,

-		)}

-		{...props}

-		ref={ref}

-	/>

-));

-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;

-

-const sheetVariants = cva(

-	"fixed z-250 gap-4 bg-background p-6 shadow-lg transition ease data-[state=closed]:duration-250 data-[state=open]:duration-250 data-[state=open]:animate-in data-[state=closed]:animate-out",

-	{

-		variants: {

-			side: {

-				top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",

-				bottom:

-					"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",

-				left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",

-				right:

-					"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",

-			},

-		},

-		defaultVariants: {

-			side: "right",

-		},

-	},

-);

-

-interface SheetContentProps

-	extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,

-		VariantProps<typeof sheetVariants> {}

-

-const SheetContent = React.forwardRef<

-	React.ElementRef<typeof SheetPrimitive.Content>,

-	SheetContentProps

->(({ side = "right", className, children, ...props }, ref) => (

-	<SheetPortal>

-		<SheetOverlay />

-		<SheetPrimitive.Content

-			ref={ref}

-			className={cn(sheetVariants({ side }), className)}

-			onOpenAutoFocus={(e) => {

-				e.preventDefault();

-				e.stopPropagation();

-			}}

-			{...props}

-		>

-			<SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">

-				<X className="size-5" />

-				<span className="sr-only">Close</span>

-			</SheetPrimitive.Close>

-			{children}

-		</SheetPrimitive.Content>

-	</SheetPortal>

-));

-SheetContent.displayName = SheetPrimitive.Content.displayName;

-

-const SheetHeader = ({

-	className,

-	...props

-}: React.HTMLAttributes<HTMLDivElement>) => (

-	<div

-		className={cn(

-			"flex flex-col space-y-2 text-center sm:text-left",

-			className,

-		)}

-		{...props}

-	/>

-);

-SheetHeader.displayName = "SheetHeader";

-

-const SheetFooter = ({

-	className,

-	...props

-}: React.HTMLAttributes<HTMLDivElement>) => (

-	<div

-		className={cn(

-			"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-4",

-			className,

-		)}

-		{...props}

-	/>

-);

-SheetFooter.displayName = "SheetFooter";

-

-const SheetTitle = React.forwardRef<

-	React.ElementRef<typeof SheetPrimitive.Title>,

-	React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>

->(({ className, ...props }, ref) => (

-	<SheetPrimitive.Title

-		ref={ref}

-		className={cn("text-foreground text-lg font-semibold", className)}

-		{...props}

-	/>

-));

-SheetTitle.displayName = SheetPrimitive.Title.displayName;

-

-const SheetDescription = React.forwardRef<

-	React.ElementRef<typeof SheetPrimitive.Description>,

-	React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>

->(({ className, ...props }, ref) => (

-	<SheetPrimitive.Description

-		ref={ref}

-		className={cn("text-muted-foreground text-sm", className)}

-		{...props}

-	/>

-));

-SheetDescription.displayName = SheetPrimitive.Description.displayName;

-

-export {

-	Sheet,

-	SheetPortal,

-	SheetOverlay,

-	SheetTrigger,

-	SheetClose,

-	SheetContent,

-	SheetHeader,

-	SheetFooter,

-	SheetTitle,

-	SheetDescription,

-};

+"use client";
+
+import * as React from "react";
+import { Dialog as SheetPrimitive } from "radix-ui";
+import { cva, type VariantProps } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "@/utils/ui";
+import { useOverlayOpenChange } from "./use-overlay-open-change";
+
+function Sheet({
+	open,
+	onOpenChange,
+	...props
+}: React.ComponentProps<typeof SheetPrimitive.Root>) {
+	const handleOpenChange = useOverlayOpenChange({
+		open,
+		onOpenChange,
+	});
+	return (
+		<SheetPrimitive.Root
+			open={open}
+			onOpenChange={handleOpenChange}
+			{...props}
+		/>
+	);
+}
+
+const SheetTrigger = SheetPrimitive.Trigger;
+
+const SheetClose = SheetPrimitive.Close;
+
+const SheetPortal = SheetPrimitive.Portal;
+
+const SheetOverlay = React.forwardRef<
+	React.ElementRef<typeof SheetPrimitive.Overlay>,
+	React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+	<SheetPrimitive.Overlay
+		className={cn(
+			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-200 bg-black/50",
+			className,
+		)}
+		{...props}
+		ref={ref}
+	/>
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+
+const sheetVariants = cva(
+	"fixed z-250 gap-4 bg-background p-6 shadow-lg transition ease data-[state=closed]:duration-250 data-[state=open]:duration-250 data-[state=open]:animate-in data-[state=closed]:animate-out",
+	{
+		variants: {
+			side: {
+				top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+				bottom:
+					"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+				left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+				right:
+					"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+			},
+		},
+		defaultVariants: {
+			side: "right",
+		},
+	},
+);
+
+interface SheetContentProps
+	extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+		VariantProps<typeof sheetVariants> {}
+
+const SheetContent = React.forwardRef<
+	React.ElementRef<typeof SheetPrimitive.Content>,
+	SheetContentProps
+>(({ side = "right", className, children, ...props }, ref) => (
+	<SheetPortal>
+		<SheetOverlay />
+		<SheetPrimitive.Content
+			ref={ref}
+			className={cn(sheetVariants({ side }), className)}
+			onOpenAutoFocus={(e) => {
+				e.preventDefault();
+				e.stopPropagation();
+			}}
+			{...props}
+		>
+			<SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+				<X className="size-5" />
+				<span className="sr-only">Close</span>
+			</SheetPrimitive.Close>
+			{children}
+		</SheetPrimitive.Content>
+	</SheetPortal>
+));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+
+const SheetHeader = ({
+	className,
+	...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+	<div
+		className={cn(
+			"flex flex-col space-y-2 text-center sm:text-left",
+			className,
+		)}
+		{...props}
+	/>
+);
+SheetHeader.displayName = "SheetHeader";
+
+const SheetFooter = ({
+	className,
+	...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+	<div
+		className={cn(
+			"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-4",
+			className,
+		)}
+		{...props}
+	/>
+);
+SheetFooter.displayName = "SheetFooter";
+
+const SheetTitle = React.forwardRef<
+	React.ElementRef<typeof SheetPrimitive.Title>,
+	React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+	<SheetPrimitive.Title
+		ref={ref}
+		className={cn("text-foreground text-lg font-semibold", className)}
+		{...props}
+	/>
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+
+const SheetDescription = React.forwardRef<
+	React.ElementRef<typeof SheetPrimitive.Description>,
+	React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+	<SheetPrimitive.Description
+		ref={ref}
+		className={cn("text-muted-foreground text-sm", className)}
+		{...props}
+	/>
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export {
+	Sheet,
+	SheetPortal,
+	SheetOverlay,
+	SheetTrigger,
+	SheetClose,
+	SheetContent,
+	SheetHeader,
+	SheetFooter,
+	SheetTitle,
+	SheetDescription,
+};