feat: masks, properties refactor, shaders, storage migrations, and more

1 files changed, 15 insertions, 2 deletions

diff --git a/apps/web/src/components/ui/sheet.tsx b/apps/web/src/components/ui/sheet.tsx
index 3155787d..d56cd0ac 100644
--- a/apps/web/src/components/ui/sheet.tsx
+++ b/apps/web/src/components/ui/sheet.tsx
@@ -4,10 +4,23 @@ 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";
 
-const Sheet = SheetPrimitive.Root;
+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;