feat: edit menu - cut and clear selection

src/context/Tool.tsx

@@ -4,10 +4,12 @@ interface Context {
 	tool: Tool;
 	radius: number;
 	selectedBlock: string;
+	selectionBoxBounds: BoundingBox;
 	cssCursor: string;
 	setTool: React.Dispatch<React.SetStateAction<Tool>>;
 	setRadius: React.Dispatch<React.SetStateAction<number>>;
 	setSelectedBlock: React.Dispatch<React.SetStateAction<string>>;
+	setSelectionBoxBounds: React.Dispatch<React.SetStateAction<BoundingBox>>;
 	setCssCursor: React.Dispatch<React.SetStateAction<string>>;
 }
 
@@ -21,6 +23,7 @@ export const ToolProvider = ({ children }: Props) => {
 	const [tool, setTool] = useState<Tool>("hand");
 	const [radius, setRadius] = useState(1);
 	const [selectedBlock, setSelectedBlock] = useState("stone");
+	const [selectionBoxBounds, setSelectionBoxBounds] = useState<BoundingBox>({ minX: 0, minY: 0, maxX: 0, maxY: 0 });
 	const [cssCursor, setCssCursor] = useState("crosshair");
 
 	useEffect(() => {
@@ -39,7 +42,20 @@ export const ToolProvider = ({ children }: Props) => {
 	}, [tool]);
 
 	return (
-		<ToolContext.Provider value={{ tool, radius, selectedBlock, cssCursor, setTool, setRadius, setSelectedBlock, setCssCursor }}>
+		<ToolContext.Provider
+			value={{
+				tool,
+				radius,
+				selectedBlock,
+				selectionBoxBounds,
+				cssCursor,
+				setTool,
+				setRadius,
+				setSelectedBlock,
+				setSelectionBoxBounds,
+				setCssCursor,
+			}}
+		>
 			{children}
 		</ToolContext.Provider>
 	);